MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat(ui): [WIP] remove more stale color definitions

This commit is contained in:
upsiflu 2024-12-17 23:18:16 +01:00
parent 85004fa40e
commit b806f97fe1
1 changed files with 333 additions and 331 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
front/src/style/colors.scss
View File

@ -78,9 +78,10 @@
// (2) Choosing the semantic colors from the palette
:root{
@include light-theme {
.default {
// Light theme
:is(body.theme-light, html:not(.dark)>body:not(.theme-dark)), .force-light-theme.force-light-theme.force-light-theme {
.default, .funkwhale {
--link-color:var(--fw-blue-400);
--link-hover-color:var(--fw-blue-500);
@ -159,7 +160,7 @@
--active-background-color:var(--fw-blue-600);
--pressed-color:var(--fw-blue-010);
--pressed-background-color:var(--fw-blue-800);
--pressed-background-color:var(--fw-blue-900);
--disabled-color:var(--fw-blue-900);
--disabled-background-color:color-mix(in oklab, var(--fw-blue-100) 20%, var(--fw-blue-400));
@ -281,8 +282,10 @@
}
}
@include dark-theme {
.default {
// Dark theme
:is(body.theme-dark, html.dark>body:not(.theme-light)), .force-dark-theme.force-dark-theme.force-dark-theme {
.default, .funkwhale {
--link-color:var(--fw-gray-300);
--link-hover-color:var(--fw-gray-200);
--color: var(--fw-beige-100);
@ -325,8 +328,8 @@
--hover-background-color:var(--fw-gray-800);
--hover-border-color:var(--fw-gray-300);
--active-color:var(--fw-gray-300);
--active-background-color:var(--fw-gray-970);
--active-color:color-mix(in oklab, var(--fw-gray-200) 50%, var(--fw-gray-300));
--active-background-color:color-mix(in oklab, var(--fw-gray-950), var(--fw-gray-970));
--active-border-color:var(--fw-gray-400);
--pressed-color:var(--fw-beige-200);
@ -460,7 +463,6 @@
}
}
}
}
// (3) Applying colors