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

small addition to frutiger theme

Browse source
This commit is contained in:
Til Schmitter 2026-06-08 22:38:32 +02:00
parent fa92f60aad
commit f4704a4e53
1 changed files with 22 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
copyparty/web/browser.css
View file

@ -137,11 +137,17 @@ html.bz {
--btn-1-bs: .05em .1em .2em var(--a-dark) inset; --btn-1-bs: .05em .1em .2em var(--a-dark) inset;
} }
html.by { html.by {
--a: #139cf1;
--radius: 15px; --radius: 15px;
--a-dark: hsl(from color-mix(in oklab, var(--a) 80%, var(--fg-max) 20%) h calc(s * 1.5) l); --a-dark: hsl(from color-mix(in oklab, var(--a) 80%, var(--fg-max) 20%) h calc(s * 1.5) l);
--g-fsel-ts: transparent; --g-fsel-ts: transparent;
--scrl-hint: transparent; --scrl-hint: transparent;
--bg-u1: color-mix(in oklab, transparent 92%, var(--fg-max)); --bg-u1: color-mix(in oklab, transparent 92%, var(--fg-max));
--w2: color-mix(in srgb, var(--a) 40%, var(--bg));
--row-alt: color-mix(in srgb, var(--a) 30%, var(--bg));
--g-sel-bg: var(--a);
--glow-intensity: 0.7; --glow-intensity: 0.7;
--bottom-glow: radial-gradient( --bottom-glow: radial-gradient(
farthest-corner at bottom center, farthest-corner at bottom center,
@ -176,6 +182,9 @@ html.by .btn {
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4) !important; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4) !important;
} }
html.by #files thead th {
background: none;
}
html.by #s_list h3{ html.by #s_list h3{
border-radius: var(--radius) var(--radius) 0 0; border-radius: var(--radius) var(--radius) 0 0;
} }
@ -196,6 +205,10 @@ html.by .btn:active {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) !important;
transform: translateY(2px); transform: translateY(2px);
} }
html.by summary {
color: var(--fg);
}
html.by .modalcontent,
html.by, html.by,
html.by #ops a.act, html.by #ops a.act,
html.by #ggrid>a.sel, html.by #ggrid>a.sel,
@ -211,6 +224,7 @@ html.by .tgl.btn.on {
html.by #wtoggle a { html.by #wtoggle a {
position: relative; position: relative;
} }
html.by #wtico::after,
html.by #s_list h3::after, html.by #s_list h3::after,
html.by #spaceUsed_bar::after, html.by #spaceUsed_bar::after,
html.by #wtoggle a:after, html.by #wtoggle a:after,
@ -249,6 +263,12 @@ html.by #spaceUsed_bar{
html.by #spaceTotal_bar { html.by #spaceTotal_bar {
height: 1.6em; height: 1.6em;
border: var(--a) solid 1px; border: var(--a) solid 1px;
background: transparent;
backdrop-filter: blur(10px);
}
html.by #files tbody tr:hover td,
html.by #files tbody tr:hover td+td {
background: rgba(255, 255, 255, 0.6);
} }
html.by #spaceMax { html.by #spaceMax {
display: none; display: none;
@ -1545,8 +1565,8 @@ html:not(.e):not(.d) #up_quick .btn.on {
} }
#wtoggle a { #wtoggle a {
font-size: .5em; font-size: .5em;
padding: .7em .5em; padding: .5em .5em;
margin: -.3em .1em; margin: 0em .1em -.3em .1em;
display: inline-block; display: inline-block;
} }
#wtoggle #zip1 { #wtoggle #zip1 {