From 070a8b19bdbed17a1bb1c092323899a74c31007b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jos=C3=A9=20Valim?= Date: Wed, 22 Jan 2025 22:49:03 +0100 Subject: [PATCH] Preserve color for subheaders in sidebar --- assets/css/custom-props/theme-dark.css | 4 ++-- assets/css/custom-props/theme-light.css | 6 +++--- assets/css/sidebar.css | 6 +++--- 3 files changed, 8 insertions(+), 8 deletions(-) diff --git a/assets/css/custom-props/theme-dark.css b/assets/css/custom-props/theme-dark.css index cc8360b5b..fc72e51a0 100644 --- 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 index 47fad52ba..c50577ce0 100644 --- 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 index c2bafc980..85a601a14 100644 --- 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; }