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

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

@ -78,9 +78,10 @@
// (2) Choosing the semantic colors from the palette // (2) Choosing the semantic colors from the palette
:root{ // Light theme
@include light-theme {
.default { :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-color:var(--fw-blue-400);
--link-hover-color:var(--fw-blue-500); --link-hover-color:var(--fw-blue-500);
@ -159,7 +160,7 @@
--active-background-color:var(--fw-blue-600); --active-background-color:var(--fw-blue-600);
--pressed-color:var(--fw-blue-010); --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-color:var(--fw-blue-900);
--disabled-background-color:color-mix(in oklab, var(--fw-blue-100) 20%, var(--fw-blue-400)); --disabled-background-color:color-mix(in oklab, var(--fw-blue-100) 20%, var(--fw-blue-400));
@ -279,10 +280,12 @@
--link-color:var(--fw-blue-010); --link-color:var(--fw-blue-010);
--link-hover-color:white; --link-hover-color:white;
} }
} }
@include dark-theme { // Dark theme
.default {
: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-color:var(--fw-gray-300);
--link-hover-color:var(--fw-gray-200); --link-hover-color:var(--fw-gray-200);
--color: var(--fw-beige-100); --color: var(--fw-beige-100);
@ -325,8 +328,8 @@
--hover-background-color:var(--fw-gray-800); --hover-background-color:var(--fw-gray-800);
--hover-border-color:var(--fw-gray-300); --hover-border-color:var(--fw-gray-300);
--active-color:var(--fw-gray-300); --active-color:color-mix(in oklab, var(--fw-gray-200) 50%, var(--fw-gray-300));
--active-background-color:var(--fw-gray-970); --active-background-color:color-mix(in oklab, var(--fw-gray-950), var(--fw-gray-970));
--active-border-color:var(--fw-gray-400); --active-border-color:var(--fw-gray-400);
--pressed-color:var(--fw-beige-200); --pressed-color:var(--fw-beige-200);
@ -459,7 +462,6 @@
--disabled-background-color: transparent; --disabled-background-color: transparent;
} }
} }
}
} }
// (3) Applying colors // (3) Applying colors