mirrors/copyparty
1
0
Fork 0
mirror of https://github.com/9001/copyparty.git synced 2026-06-21 05:32:25 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

theme fixes

Browse source
This commit is contained in:
Til Schmitter 2026-06-09 23:43:11 +02:00
parent 6ba73b5085
commit 7627bd36f5
1 changed files with 43 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

72
copyparty/web/browser.css
View file

@ -163,6 +163,7 @@ html.by {
text-shadow: 0px 0px 4px rgb(255, 255, 255); text-shadow: 0px 0px 4px rgb(255, 255, 255);
} }
html.by #srchfolder_div,
html.by #up_quick_more a, html.by #up_quick_more a,
html.by #spaceTotal_bar, html.by #spaceTotal_bar,
html.by #s_list h3, html.by #s_list h3,
@ -219,6 +220,7 @@ html.by summary {
html.by #pvolbg { html.by #pvolbg {
color: var(--bg); color: var(--bg);
} }
html.by #srchfolder_div,
html.by .modalcontent, html.by .modalcontent,
html.by, html.by,
html.by #ops a.act, html.by #ops a.act,
@ -243,6 +245,7 @@ html.by #up_quick_more{
background: none; background: none;
border: none; border: none;
} }
html.by #srchfolder_div::after,
html.by #up_quick_more a::after, html.by #up_quick_more a::after,
html.by #wtico::after, html.by #wtico::after,
html.by #s_list h3::after, html.by #s_list h3::after,
@ -278,7 +281,7 @@ html.by #ops a {
margin-right: 2px; margin-right: 2px;
} }
html.by #srchfolder_div { html.by #srchfolder_div {
left: 3em; left: 3.2em;
} }
html.by #spaceTotal_bar, html.by #spaceTotal_bar,
html.by #spaceUsed_bar{ html.by #spaceUsed_bar{
@ -299,8 +302,10 @@ html.by #spaceFree {
width: calc(100% - 3em); width: calc(100% - 3em);
text-align: center; text-align: center;
} }
html.by .under { html.by #ops a.act {
top: auto; margin-top: -.15em;
margin-bottom: -.15em;
padding-top: .3em;
} }
html.a { html.a {
@ -463,7 +468,7 @@ html.dy {
--btn-1h-bg: #555; --btn-1h-bg: #555;
--chk-fg: a; --chk-fg: a;
--txt-sh: a; --txt-sh: a;
--txt-bg: a; --txt-bg: #fff;
--op-a-sh: a; --op-a-sh: a;
@ -622,6 +627,7 @@ html .ayjump:focus-visible {
margin-left: 2em; margin-left: 2em;
} }
#path { #path {
position: relative;
color: var(--fg); color: var(--fg);
text-shadow: 1px 1px 0 var(--bg-max); text-shadow: 1px 1px 0 var(--bg-max);
font-weight: normal; font-weight: normal;
@ -640,21 +646,26 @@ html .ayjump:focus-visible {
} }
#pathBar #folder_search { #pathBar #folder_search {
margin: 0; margin: 0;
height: calc(100% - .5em); display: block;
width: calc(100% - .6em); position: absolute;
right: 0; right: .2em;
left: .2em;
top: .2em;
bottom: .2em;
} }
#qs_btns { #qs_btns {
position: absolute; position: absolute;
right: .2em; right: .2em;
top: .1em; top: .2em;
font-size: 1.3em; font-size: 1.3em;
cursor: pointer; cursor: pointer;
display: flex;
} }
#qs_btns a { #qs_btns a {
background: color-mix(in oklab, var(--txt-bg), transparent); background: color-mix(in oklab, var(--txt-bg), transparent);
width: 1em; width: 1em;
height: 1.2em; height: 1em;
line-height: 1em;
display: inline-block; display: inline-block;
text-align: center; text-align: center;
border-radius: 5px; border-radius: 5px;
@ -665,7 +676,8 @@ html .ayjump:focus-visible {
background: var(--bg); background: var(--bg);
} }
#qs_btns a .x { #qs_btns a .x {
line-height: .75em; line-height: .6em;
vertical-align: center;
} }
#moresearch span { #moresearch span {
font-size: .6em; font-size: .6em;
@ -1677,6 +1689,7 @@ html:not(.e):not(.d) #up_quick .btn.on {
margin-left: .3em; margin-left: .3em;
padding: 1.2em 0; padding: 1.2em 0;
min-height: 1em; min-height: 1em;
border-radius: var(--radius);
} }
#progbar { #progbar {
display: none; display: none;
@ -1897,6 +1910,7 @@ html.b #mu_outer {
border-radius: 5px; border-radius: 5px;
min-width: 1em; min-width: 1em;
border-radius: var(--radius);
border: var(--transparent) solid 0px; border: var(--transparent) solid 0px;
color: #07c; color: #07c;
color: var(--a); color: var(--a);
@ -1928,8 +1942,8 @@ html.b #mu_outer {
border-radius: 0 0 var(--radius) var(--radius); border-radius: 0 0 var(--radius) var(--radius);
border-bottom: .3em solid var(--a); border-bottom: .3em solid var(--a);
box-shadow: var(--op-aa-sh); box-shadow: var(--op-aa-sh);
margin: -1px 0 -.35em 0; margin: 0 0 -.35em 0;
padding-top: .2em; padding-top: calc(.2em - 1px);
} }
#ops a svg { #ops a svg {
width: 1.75em; width: 1.75em;
@ -3827,11 +3841,10 @@ summary {
#srchfolder_div { #srchfolder_div {
display: none; display: none;
position: absolute; position: absolute;
left: 3.8em; left: 3.5em;
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
padding: .2em;
margin-left: .3em; margin-left: .3em;
} }
.x { .x {
@ -4365,7 +4378,10 @@ html.e #wrap.thin .ghead {
padding-right: .25em; padding-right: .25em;
} }
#srchfolder_div { #srchfolder_div {
left: 3.2em; left: 3em;
}
html.by #srchfolder_div {
left: 2.8em;
} }
} }
@media (max-width: 37em) { @media (max-width: 37em) {
@ -4703,10 +4719,7 @@ html.e {
text-shadow: none; text-shadow: none;
--bg-u1: #0002; --bg-u1: #0002;
--g-sel-fg: #fff; --g-sel-fg: #fff;
}
html.e * {
--radius: 0; --radius: 0;
border-radius: 0 !important;
} }
html.e #ggrid > a.sel { html.e #ggrid > a.sel {
box-shadow: none; box-shadow: none;
@ -4852,13 +4865,11 @@ html.e #acc_info span.warn,
html.e #acc_info a { html.e #acc_info a {
color: var(--white); color: var(--white);
} }
html.e #flogout:before { html.e #accessType {
padding-left: 0.2em; color: var(--fg);
padding-right: 0.4em;
content: " | ";
} }
html.e #blogout { html.e #blogout {
color: var(--w); color: var(--fg);
box-shadow: none; box-shadow: none;
background: transparent; background: transparent;
} }
@ -4905,15 +4916,11 @@ html.e #ops {
html.e #srchfolder_div { html.e #srchfolder_div {
left: 2em; left: 2em;
top: -.1em; top: -.1em;
bottom: -.6em; bottom: 0;
} }
html.e #qs_btns { html.e #qs_btns {
right: 0.7em;
top: .3em; top: .3em;
} }
html.e .under {
border: var(--fg) solid 1px;
}
html.e #srch_form, html.e #srch_form,
html.e .opbox { html.e .opbox {
padding-bottom: 1em; padding-bottom: 1em;
@ -4948,7 +4955,7 @@ html.e #blogout:hover {
html.e #ops a.act { html.e #ops a.act {
border-bottom: 0; border-bottom: 0;
margin-top: -.6em; margin-top: -.4em;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
box-shadow: var(--shadow-inset-left), var(--shadow-inset-top), box-shadow: var(--shadow-inset-left), var(--shadow-inset-top),
@ -5047,6 +5054,7 @@ html.e #ghead {
} }
html.e #ghead a { html.e #ghead a {
margin: 0; margin: 0;
border-radius: var(--radius);
} }
html.e #treeToggleBtn { html.e #treeToggleBtn {
margin: 0; margin: 0;
@ -5194,6 +5202,8 @@ html.e #treepar {
border-bottom: var(--border-dashed-black); border-bottom: var(--border-dashed-black);
margin-left: calc(2.1em - (1em - var(--negative-space))) !important; margin-left: calc(2.1em - (1em - var(--negative-space))) !important;
} }
html.e .under,
html.e #up_quick_more,
html.e #wtico, html.e #wtico,
html.e #ghead, html.e #ghead,
html.e #op_acc, html.e #op_acc,
@ -5879,6 +5889,10 @@ html.fy .modalheader::after {
} }
html.fy #ops { html.fy #ops {
height: auto; height: auto;
margin-right: .3em;
}
html.fy #srchfolder_div {
right: .5em;
} }
html.fy #ops a { html.fy #ops a {
padding: .29em .4em; padding: .29em .4em;