diff --git a/assets/css/custom-props/theme-light.css b/assets/css/custom-props/theme-light.css index dea97e607..72d66d6d9 100644 --- a/assets/css/custom-props/theme-light.css +++ b/assets/css/custom-props/theme-light.css @@ -76,18 +76,18 @@ var(--white) 20%, var(--white-opacity-50) 70%, var(--white-opacity-0) 100%); - --sidebarAccentMain: var(--gray50); - --sidebarBackground: var(--gray800); - --sidebarHeader: var(--gray700); - --sidebarMuted: var(--gray300); - --sidebarHover: var(--white); - --sidebarScrollbarThumb: var(--coldGray); + --sidebarAccentMain: var(--gray800); + --sidebarBackground: var(--gray50); + --sidebarHeader: var(--gray100); + --sidebarMuted: var(--gray600); + --sidebarHover: var(--black); + --sidebarScrollbarThumb: var(--coldGrayLight); --sidebarScrollbarTrack: var(--sidebarBackground); - --sidebarSubheadings: var(--gray400); - --sidebarItem: var(--gray200); - --sidebarInactiveItemMarker: var(--gray600); - --sidebarLanguageAccentBar: var(--mainLight); - --sidebarActiveItem: var(--mainLightest); + --sidebarSubheadings: var(--gray800); + --sidebarItem: var(--gray600); + --sidebarInactiveItemMarker: var(--gray300); + --sidebarLanguageAccentBar: var(--mainDark); + --sidebarActiveItem: var(--mainDarkest); --searchBarBorder: var(--gray200); --searchAccentMain: var(--gray-400); --searchLanguageAccentBar: var(--main); diff --git a/assets/css/sidebar.css b/assets/css/sidebar.css index 1e7d691e7..aaee6b2ed 100644 --- a/assets/css/sidebar.css +++ b/assets/css/sidebar.css @@ -152,8 +152,8 @@ } .sidebar .sidebar-listNav li:is(:hover):not(.selected) button { - background-color: var(--gray600); - border-top: var(--navTabBorderWidth) solid var(--gray400); + background-color: var(--sidebarInactiveItemMarker); + border-top: var(--navTabBorderWidth) solid var(--sidebarSubheadings); color: var(--sidebarAccentMain); transition: all 150ms; }