kennethnym/infinifi
1
0
Fork 0
Code Issues 2 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

feat: tweak range slider color

Browse Source
This commit is contained in:
Kenneth
2024-07-21 21:45:18 +01:00
parent a25501b9ce
commit 01db0dbc7f
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/style.css
View File

@@ -4,8 +4,10 @@
--surface1: #bcc0cc; --surface1: #bcc0cc;
--base: #eff1f5; --base: #eff1f5;
--lavender: #7287fd; --lavender: #7287fd;
--maroon: #e64553;
--range-height: 12px; --range-height: 12px;
--range-accent: var(--lavender);
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
@@ -14,6 +16,8 @@
--surface1: #45475a; --surface1: #45475a;
--base: #1e1e2e; --base: #1e1e2e;
--lavender: #b4befe; --lavender: #b4befe;
--maroon: #eba0ac;
--range-accent: var(--maroon);
} }
} }
@@ -152,7 +156,7 @@ main {
height: var(--range-height); height: var(--range-height);
-webkit-appearance: none; -webkit-appearance: none;
background: var(--text); background: var(--text);
box-shadow: -80px 0 0 80px var(--lavender); box-shadow: -80px 0 0 80px var(--range-accent);
} }
} }