(airflow-site) branch main updated: Update version label to have better visibility in dark mode (#1341)

[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 aabe796a85 Update version label to have better visibility in dark mode 
(#1341)
aabe796a85 is described below

commit aabe796a8521682a381ed5ae4625076ecf3de8ce
Author: Kaxil Naik <kaxiln...@gmail.com>
AuthorDate: Thu Dec 18 20:48:17 2025 +0000

    Update version label to have better visibility in dark mode (#1341)
---
 landing-pages/site/assets/scss/_rst-content.scss               | 10 ++++++++++
 .../sphinx_airflow_theme/version-selector.html                 |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/landing-pages/site/assets/scss/_rst-content.scss 
b/landing-pages/site/assets/scss/_rst-content.scss
index 88e358bf86..f20d114f6c 100644
--- a/landing-pages/site/assets/scss/_rst-content.scss
+++ b/landing-pages/site/assets/scss/_rst-content.scss
@@ -854,6 +854,16 @@ body {
     }
   }
 
+  // Style the version label to be theme-aware
+  .version-label {
+    @extend .bodytext__medium--greyish-brown;
+    color: var(--bs-secondary-color);
+  }
+
+  [data-bs-theme="dark"] .version-label {
+    color: var(--bs-body-color);
+  }
+
   // Breadcrumbs
   .breadcrumb {
     background-color: transparent;
diff --git a/sphinx_airflow_theme/sphinx_airflow_theme/version-selector.html 
b/sphinx_airflow_theme/sphinx_airflow_theme/version-selector.html
index 774d110529..f6267f78a9 100644
--- a/sphinx_airflow_theme/sphinx_airflow_theme/version-selector.html
+++ b/sphinx_airflow_theme/sphinx_airflow_theme/version-selector.html
@@ -20,7 +20,7 @@
 <div id="docs-version-selector" class="docs-version-selector 
sidebar__version-selector">
     <a class="dropdown-toggle" href="#" id="versionDropdown" role="button" 
data-bs-toggle="dropdown" aria-haspopup="true"
        aria-expanded="false">
-        <span class="bodytext__medium--greyish-brown">Version: </span><span 
class="version">{{ version }}</span>
+        <span class="version-label">Version: </span><span class="version">{{ 
version }}</span>
     </a>
     <div class="dropdown-menu" aria-labelledby="versionDropdown">