mirrors/copyparty
1
0
Fork 0
mirror of https://github.com/9001/copyparty.git synced 2026-06-18 20:22:27 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

desaturate splash screen

Browse source
This commit is contained in:
Til Schmitter 2026-04-29 17:01:50 +02:00
parent c2009d1360
commit 2b5ab69f1b
3 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
copyparty/web/browser.css
View file

@ -14,10 +14,6 @@
--sel-fg: var(--bg-d1);
--sel-bg: var(--fg);
--a-hil: hsl(from color-mix(var(--a) 80%, var(--fg-max) 20%) h calc(s * 1.2) l);
--a-dark: hsl(from color-mix(var(--a) 60%, var(--bg-max) 40%) h calc(s * 1.3) l); /* warning text etc */
--a-gray: hsl(from var(--a) h 0 l);
--btn-fg: var(--a);
--btn-bg-a: rgba(128,128,128,0.15);
--btn-bg-a: color-mix(var(--bg-max) 85%, var(--fg-max) 20%);

5
copyparty/web/splash.css
View file

@ -51,11 +51,14 @@ html {
padding: 1.5em;
padding-bottom: 0em;
line-height: 1.3em;
background: var(--bg-u2);
background: color-mix(var(--a-gray) 27%, var(--bg-max));
border-radius: .5em;
border: var(--bg-u5) solid 1px;
box-shadow: 0 0 2em color-mix(var(--bg-max) 60%, transparent 40%);
}
html.y #wrap {
background: color-mix(var(--a-gray) 18%, var(--bg-max));
}
#wrap.w {
max-width: 96%;
}

4
copyparty/web/ui.css
View file

@ -15,6 +15,10 @@
--fg-max: color-mix(#fefefe 95%, var(--a) 5%);
--bg-max: color-mix(#010101 95%, var(--a) 5%);
--a-hil: hsl(from color-mix(var(--a) 80%, var(--fg-max) 20%) h calc(s * 1.2) l);
--a-dark: hsl(from color-mix(var(--a) 60%, var(--bg-max) 40%) h calc(s * 1.3) l); /* warning text etc */
--a-gray: hsl(from var(--a) h 0 l);
--fg: color-mix(var(--fg-max) 90%, var(--bg-max) 10%);
--fg-weak: color-mix(var(--fg-max) 70%, var(--bg-max) 30%);