From c50fe25d045ecfb9b54910229432f74c121b3ab0 Mon Sep 17 00:00:00 2001 From: Jakob Scheid Date: Fri, 22 May 2026 21:13:05 +0200 Subject: [PATCH] Add CSS variables for light hover background --- src/features/colorScheme/components/ColorSchemeButton.vue | 2 +- src/features/i18n/components/LanguageSwitchButton.vue | 4 ++-- src/styles/variables/colors.css | 6 ++++++ 3 files changed, 9 insertions(+), 3 deletions(-) diff --git a/src/features/colorScheme/components/ColorSchemeButton.vue b/src/features/colorScheme/components/ColorSchemeButton.vue index 127d2e7..7f4e47e 100644 --- a/src/features/colorScheme/components/ColorSchemeButton.vue +++ b/src/features/colorScheme/components/ColorSchemeButton.vue @@ -65,6 +65,6 @@ const getTooltipTranslation = function (colorScheme) { } .color-scheme-button:hover { - background: var(--light-d-2); + background: var(--light-hover); } \ No newline at end of file diff --git a/src/features/i18n/components/LanguageSwitchButton.vue b/src/features/i18n/components/LanguageSwitchButton.vue index da0047f..25386e2 100644 --- a/src/features/i18n/components/LanguageSwitchButton.vue +++ b/src/features/i18n/components/LanguageSwitchButton.vue @@ -100,7 +100,7 @@ const open = function () { } .language-button:hover { - background-color: var(--light-d-1); + background-color: var(--light-hover); } .chevron { @@ -138,7 +138,7 @@ const open = function () { } .language-dropdown li:hover { - background-color: var(--light-d-1); + background-color: var(--light-hover); } .language-dropdown li.active { diff --git a/src/styles/variables/colors.css b/src/styles/variables/colors.css index 3fcf1cb..e79a738 100644 --- a/src/styles/variables/colors.css +++ b/src/styles/variables/colors.css @@ -80,6 +80,8 @@ limitations under the License. --gray-box-shadow: oklch(0.8 0.0001 271 / 0.7); --blue-box-shadow: oklch(0.52 0.15 268 / 0.25); + + --light-hover: var(--light-d-2); } @media (prefers-color-scheme: dark) { @@ -110,6 +112,8 @@ limitations under the License. --border: var(--black-l-6); --gray-box-shadow: oklch(0.25 0.0001 271 / 0.7); + + --light-hover: var(--light-d-5); } } @@ -140,4 +144,6 @@ limitations under the License. --border: var(--black-l-6); --gray-box-shadow: oklch(0.25 0.0001 271 / 0.7); + + --light-hover: var(--light-d-5); } \ No newline at end of file