(airflow-site) branch main updated: Make Dark mode theme toggle more visible (#1331)

[kaxilnaik]

This is an automated email from the ASF dual-hosted git repository.

kaxilnaik pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/airflow-site.git


The following commit(s) were added to refs/heads/main by this push:
     new 168a11df65 Make Dark mode theme toggle more visible (#1331)
168a11df65 is described below

commit 168a11df65c85c7be1b3ce65a3cda9477c99041d
Author: Kaxil Naik <kaxiln...@gmail.com>
AuthorDate: Wed Dec 17 17:45:38 2025 +0000

    Make Dark mode theme toggle more visible (#1331)
---
 landing-pages/site/assets/scss/_navbar.scss | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/landing-pages/site/assets/scss/_navbar.scss 
b/landing-pages/site/assets/scss/_navbar.scss
index 96b8c664ac..d5a20a318b 100644
--- a/landing-pages/site/assets/scss/_navbar.scss
+++ b/landing-pages/site/assets/scss/_navbar.scss
@@ -219,5 +219,27 @@
     &__drawer {
       background-color: #1a1a1a;
     }
+
+    // Theme toggle button visibility in dark mode
+    &__theme-toggle {
+      .btn,
+      .btn-link,
+      .nav-link {
+        color: rgba(255, 255, 255, 0.85) !important;
+
+        &:hover, &:focus {
+          color: rgba(255, 255, 255, 1) !important;
+        }
+
+        svg {
+          fill: currentColor !important;
+          color: currentColor !important;
+
+          use {
+            fill: currentColor !important;
+          }
+        }
+      }
+    }
   }
 }