Preserve color for subheaders in sidebar

elixir-lang · Jan 22, 2025 · 070a8b1 · 070a8b1
1 parent a1b9aad
commit 070a8b1
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/assets/css/custom-props/theme-dark.css b/assets/css/custom-props/theme-dark.css
@@ -74,8 +74,8 @@ body.dark {
   --sidebarStaleVersion:         var(--orangeLight);
   --sidebarSubheadings:          var(--gray400);
   --sidebarItem:                 var(--gray200);
-  --sidebarInactiveItemBorder:   var(--gray400);
-  --sidebarInactiveItemMarker:   var(--gray600);
+  --sidebarInactiveTab:          var(--gray400);
+  --sidebarInactiveBorder:       var(--gray600);
   --sidebarLanguageAccentBar:    var(--mainLight);
   --sidebarActiveItem:           var(--mainLightest);
   --searchBarBorder:             var(--gray500);

diff --git a/assets/css/custom-props/theme-light.css b/assets/css/custom-props/theme-light.css
@@ -72,10 +72,10 @@
   --sidebarMuted:                var(--gray800);
   --sidebarHover:                var(--black);
   --sidebarStaleVersion:         var(--orangeDark);
-  --sidebarSubheadings:          var(--gray500);
+  --sidebarSubheadings:          var(--black);
   --sidebarItem:                 var(--black);
-  --sidebarInactiveItemBorder:   var(--gray500);
-  --sidebarInactiveItemMarker:   var(--gray200);
+  --sidebarInactiveTab:          var(--gray500);
+  --sidebarInactiveBorder:       var(--gray200);
   --sidebarLanguageAccentBar:    var(--mainDark);
   --sidebarActiveItem:           var(--mainDarkest);
   --searchBarBorder:             var(--gray200);

diff --git a/assets/css/sidebar.css b/assets/css/sidebar.css
@@ -153,7 +153,7 @@
   text-transform: uppercase;
   letter-spacing: 0.02em;
   font-size: 14px;
-  color: var(--sidebarSubheadings);
+  color: var(--sidebarInactiveTab);
   white-space: nowrap;
 }
 
@@ -182,7 +182,7 @@
 }
 
 .sidebar .sidebar-list-nav button:not([aria-selected]):hover {
-  border-bottom: var(--navTabBorderWidth) solid var(--sidebarInactiveItemBorder);
+  border-bottom: var(--navTabBorderWidth) solid var(--sidebarInactiveTab);
   color: var(--sidebarAccentMain);
   transition: var(--transition-all);
 }
@@ -362,7 +362,7 @@
 }
 
 .sidebar .full-list ul ul a {
-  border-left: 1px solid var(--sidebarInactiveItemMarker);
+  border-left: 1px solid var(--sidebarInactiveBorder);
   padding: 0 10px;
   height: 20px;
 }