Seekra/frontend
3
2
Fork 0
generated from Seekra/repository-template
Code Issues 4 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Add CSS variables for light hover background

Browse Source
This commit is contained in:
Jakob Scheid
2026-05-22 21:13:05 +02:00
parent 1300ab46a0
commit c50fe25d04
3 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/colorScheme/components/ColorSchemeButton.vue
+1 -1
View File
@@ -65,6 +65,6 @@ const getTooltipTranslation = function (colorScheme) {
}
.color-scheme-button:hover {
background: var(--light-d-2);
background: var(--light-hover);
}
</style>
src/features/i18n/components/LanguageSwitchButton.vue
+2 -2
View File
@@ -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 {
src/styles/variables/colors.css
+6
View File
@@ -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);
}