From e2e5d67d6465308330bc7bc0d0caf5d7bd1abdc0 Mon Sep 17 00:00:00 2001
From: Onni Hakala <onni@keksi.io>
Date: Thu, 26 Oct 2023 21:32:37 +0200
Subject: [PATCH] Toggle logo text according to dark/light mode

---
 assets/docs/scss/custom/structure/_sidebar.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/assets/docs/scss/custom/structure/_sidebar.scss b/assets/docs/scss/custom/structure/_sidebar.scss
index 8c18a4dd..6b733e43 100644
--- a/assets/docs/scss/custom/structure/_sidebar.scss
+++ b/assets/docs/scss/custom/structure/_sidebar.scss
@@ -91,6 +91,13 @@
                 font-size: 24px;
                 transition: all 0.3s ease;
             }
+
+            // Change the logo text according to the dark/light mode
+            // This is how for example Mozilla docs change their logo
+            // In dark mode: https://developer.mozilla.org/en-US/docs/Web
+            svg .logo-text {
+                fill: var(--text-default) !important;
+            }
         }
         .sidebar-header {
             padding: 20px;