mirror of
https://github.com/9001/copyparty.git
synced 2025-08-17 09:02:15 -06:00
add themes: hacker, hi-con
This commit is contained in:
ed
parent
35d4a1a6af
commit
2dfe1b1c6b
|
|
@ -610,7 +610,7 @@ def run_argparse(argv: list[str], formatter: Any) -> argparse.Namespace:
|
|||
ap2 = ap.add_argument_group('ui options')
|
||||
ap2.add_argument("--lang", metavar="LANG", type=u, default="eng", help="language")
|
||||
ap2.add_argument("--theme", metavar="NUM", type=int, default=0, help="default theme to use")
|
||||
ap2.add_argument("--themes", metavar="NUM", type=int, default=6, help="number of themes installed")
|
||||
ap2.add_argument("--themes", metavar="NUM", type=int, default=8, help="number of themes installed")
|
||||
ap2.add_argument("--js-browser", metavar="L", type=u, help="URL to additional JS to include")
|
||||
ap2.add_argument("--css-browser", metavar="L", type=u, help="URL to additional CSS to include")
|
||||
ap2.add_argument("--html-head", metavar="TXT", type=u, default="", help="text to append to the <head> of all HTML pages")
|
||||
|
|
|
|||
|
|
@ -355,6 +355,205 @@ html.cy {
|
|||
--u2-o-bg: #ff0;
|
||||
--u2-o-1-bg: #f00;
|
||||
}
|
||||
html.dz {
|
||||
--fg: #4d4;
|
||||
--fg-max: #fff;
|
||||
--fg2-max: #fff;
|
||||
--fg-weak: #2a2;
|
||||
|
||||
--bg-u7: #020;
|
||||
--bg-u6: #020;
|
||||
--bg-u5: #050;
|
||||
--bg-u4: #020;
|
||||
--bg-u3: #020;
|
||||
--bg-u2: #020;
|
||||
--bg-u1: #020;
|
||||
--bg: #010;
|
||||
--bgg: var(--bg);
|
||||
--bg-d1: #000;
|
||||
--bg-d2: #000;
|
||||
--bg-d3: #000;
|
||||
--bg-max: #000;
|
||||
|
||||
--tab-alt: #6f6;
|
||||
--row-alt: #030;
|
||||
|
||||
--scroll: #0f0;
|
||||
|
||||
--a: #9f9;
|
||||
--a-b: #fff;
|
||||
--a-hil: #fff;
|
||||
--a-dark: #afa;
|
||||
--a-gray: #2a2;
|
||||
|
||||
--btn-fg: var(--a);
|
||||
--btn-bg: rgba(64,128,64,0.15);
|
||||
--btn-h-fg: var(--a-hil);
|
||||
--btn-h-bg: #050;
|
||||
--btn-1-fg: #000;
|
||||
--btn-1-bg: #4f4;
|
||||
--btn-1h-fg: var(--btn-1-fg);
|
||||
--btn-1h-bg: #3f3;
|
||||
--chk-fg: var(--tab-alt);
|
||||
--txt-sh: var(--bg-d2);
|
||||
--txt-bg: var(--btn-bg);
|
||||
|
||||
--op-aa-fg: var(--a);
|
||||
--op-aa-bg: var(--bg-d2);
|
||||
--op-a-sh: rgba(0,0,0,0.5);
|
||||
|
||||
--u2-btn-b1: #999;
|
||||
--u2-sbtn-b1: #999;
|
||||
--u2-txt-bg: var(--bg-u5);
|
||||
--u2-tab-bg: linear-gradient(to bottom, var(--bg), var(--bg-u1));
|
||||
--u2-tab-1-fg: #fff;
|
||||
--u2-tab-1-bg: linear-gradient(to bottom, var(#353), var(--bg) 80%);
|
||||
--u2-tab-1-b1: #7c5;
|
||||
--u2-tab-1-b2: #583;
|
||||
--u2-tab-1-sh: #280;
|
||||
--u2-b-fg: #fff;
|
||||
--u2-b1-bg: #c38;
|
||||
--u2-b2-bg: #d80;
|
||||
--u2-inf-bg: #07a;
|
||||
--u2-inf-b1: #0be;
|
||||
--u2-ok-bg: #380;
|
||||
--u2-ok-b1: #8e4;
|
||||
--u2-err-bg: #900;
|
||||
--u2-err-b1: #d06;
|
||||
--ud-b1: #888;
|
||||
|
||||
--sort-1: #fff;
|
||||
--sort-2: #3f3;
|
||||
|
||||
--srv-1: #3e3;
|
||||
--srv-2: #1a1;
|
||||
--srv-3: #0f0;
|
||||
--srv-3b: #070;
|
||||
|
||||
--tree-bg: #010;
|
||||
|
||||
--g-play-bg: #750;
|
||||
--g-play-b1: #c90;
|
||||
--g-play-b2: #da4;
|
||||
--g-play-sh: #b83;
|
||||
|
||||
--g-sel-fg: #fff;
|
||||
--g-sel-bg: #925;
|
||||
--g-sel-b1: #c37;
|
||||
--g-sel-sh: #b36;
|
||||
--g-fsel-bg: #d39;
|
||||
--g-fsel-b1: #d48;
|
||||
--g-fsel-ts: #804;
|
||||
--g-fg: var(--a-hil);
|
||||
--g-bg: var(--bg-u2);
|
||||
--g-b1: var(--bg-u4);
|
||||
--g-b2: var(--bg-u5);
|
||||
--g-g1: var(--bg-u2);
|
||||
--g-g2: var(--bg-u5);
|
||||
--g-f-bg: var(--bg-u4);
|
||||
--g-f-b1: var(--bg-u5);
|
||||
--g-f-fg: var(--a-hil);
|
||||
--g-sh: rgba(0,0,0,0.3);
|
||||
|
||||
--f-sh1: 0.33;
|
||||
--f-sh2: 0.02;
|
||||
--f-sh3: 0.2;
|
||||
--f-h-b1: rgba(128,128,128,0.7);
|
||||
|
||||
--f-play-bg: #fc5;
|
||||
--f-play-fg: #000;
|
||||
--f-sel-sh: #fc0;
|
||||
--f-gray: #999;
|
||||
|
||||
--fm-off: #f6c;
|
||||
--mp-sh: var(--bg-d3);
|
||||
--mp-b-bg: rgba(0,0,0,0.2);
|
||||
|
||||
--err-fg: #fff;
|
||||
--err-bg: #a20;
|
||||
--err-b1: #f00;
|
||||
--err-ts: #500;
|
||||
|
||||
text-shadow: none;
|
||||
}
|
||||
html.dy {
|
||||
--fg: #000;
|
||||
--fg-max: #000;
|
||||
--fg-weak: #000;
|
||||
|
||||
--bg-d3: #fff;
|
||||
--bg-d2: #fff;
|
||||
--bg-d1: #fff;
|
||||
--bg: #fff;
|
||||
--bg-u1: #fff;
|
||||
--bg-u2: #fff;
|
||||
--bg-u3: #fff;
|
||||
--bg-u4: #fff;
|
||||
--bg-u5: #fff;
|
||||
--bg-u6: #fff;
|
||||
--bg-max: #fff;
|
||||
|
||||
--tab-alt: #000;
|
||||
--row-alt: #eee;
|
||||
|
||||
--scroll: #000;
|
||||
|
||||
--a: #000;
|
||||
--a-b: #000;
|
||||
--a-hil: #000;
|
||||
--a-gray: #000;
|
||||
--a-dark: #000;
|
||||
|
||||
--btn-fg: #000;
|
||||
--btn-h-fg: #000;
|
||||
--btn-h-bg: #fff;
|
||||
--btn-1-fg: #fff;
|
||||
--btn-1-bg: #000;
|
||||
--btn-1h-bg: #555;
|
||||
--chk-fg: a;
|
||||
--txt-sh: a;
|
||||
--txt-bg: a;
|
||||
|
||||
--op-a-sh: a;
|
||||
|
||||
--u2-txt-bg: a;
|
||||
--u2-tab-1-sh: a;
|
||||
--u2-tab-1-b1: a;
|
||||
--u2-tab-1-b2: a;
|
||||
--u2-tab-1-fg: a;
|
||||
--u2-tab-1-bg: a;
|
||||
--ud-b1: a;
|
||||
|
||||
--sort-1: a;
|
||||
--sort-2: a;
|
||||
|
||||
--srv-1: a;
|
||||
--srv-2: a;
|
||||
--srv-3: a;
|
||||
--srv-3b: a;
|
||||
|
||||
--tree-bg: #fff;
|
||||
|
||||
--g-fg: a;
|
||||
--g-bg: a;
|
||||
--g-b1: a;
|
||||
--g-b2: a;
|
||||
--g-g1: a;
|
||||
--g-g2: a;
|
||||
--g-f-bg: a;
|
||||
--g-f-b1: a;
|
||||
--g-sh: a;
|
||||
|
||||
--f-sh1: a;
|
||||
--f-sh2: a;
|
||||
--f-sh3: a;
|
||||
|
||||
--f-sel-sh: #000;
|
||||
|
||||
--fm-off: a;
|
||||
--mp-sh: a;
|
||||
--mp-b-bg: #fff;
|
||||
}
|
||||
* {
|
||||
line-height: 1.2em;
|
||||
}
|
||||
|
|
@ -1243,10 +1442,16 @@ html.c .btn,
|
|||
html.a .btn {
|
||||
border-radius: .2em;
|
||||
}
|
||||
html.ca .btn {
|
||||
html.cz .btn {
|
||||
box-shadow: 0 .1em .6em rgba(255,0,185,0.5);
|
||||
border-bottom: .2em solid #709;
|
||||
}
|
||||
html.dz .btn {
|
||||
box-shadow: 0 0 0 .1em #080 inset;
|
||||
}
|
||||
html.dz .tgl.btn.on {
|
||||
box-shadow: 0 0 0 .1em var(--btn-1-bg) inset;
|
||||
}
|
||||
.btn:hover {
|
||||
color: var(--btn-h-fg);
|
||||
background: var(--btn-h-bg);
|
||||
|
|
@ -1258,7 +1463,7 @@ html.ca .btn {
|
|||
color: var(--btn-1-fg);
|
||||
text-shadow: none;
|
||||
}
|
||||
html.ca .tgl.btn.on {
|
||||
html.cz .tgl.btn.on {
|
||||
box-shadow: 0 .1em .8em rgba(255,205,0,0.9);
|
||||
border-bottom: .2em solid #e90;
|
||||
}
|
||||
|
|
@ -2294,9 +2499,11 @@ html.a #pctl a {
|
|||
margin-right: .5em;
|
||||
box-shadow: -.02em -.02em .3em rgba(0,0,0,0.2) inset;
|
||||
}
|
||||
html.d #pctl,
|
||||
html.b #pctl {
|
||||
left: .5em;
|
||||
}
|
||||
html.d #ops,
|
||||
html.c #ops,
|
||||
html.a #ops {
|
||||
margin: 1.7em 1.5em 0 1.5em;
|
||||
|
|
@ -2450,6 +2657,9 @@ html.b #acc_info {
|
|||
html.b #wtoggle {
|
||||
border-radius: .1em 0 0 0;
|
||||
}
|
||||
html.d #barpos,
|
||||
html.d #barbuf,
|
||||
html.d #pvol,
|
||||
html.b #barpos,
|
||||
html.b #barbuf,
|
||||
html.b #pvol {
|
||||
|
|
@ -2573,7 +2783,9 @@ html.cy #files tbody div a:last-child {
|
|||
height: 1.6em;
|
||||
bottom: auto;
|
||||
}
|
||||
html.d #barpos,
|
||||
html.b #barpos,
|
||||
html.d #barbuf,
|
||||
html.b #barbuf {
|
||||
width: calc(100% - 19em);
|
||||
left: 8em;
|
||||
|
|
@ -2585,12 +2797,15 @@ html.cy #files tbody div a:last-child {
|
|||
#pvol {
|
||||
max-width: 9em;
|
||||
}
|
||||
html.d #ops,
|
||||
html.b #ops {
|
||||
padding-left: 1.7em;
|
||||
}
|
||||
html.d .opview,
|
||||
html.b .opview {
|
||||
margin: 1em;
|
||||
}
|
||||
html.d #path,
|
||||
html.b #path {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1497,11 +1497,15 @@ var pbar = (function () {
|
|||
return;
|
||||
|
||||
var sm = bc.w * 1.0 / mp.au.duration,
|
||||
gk = bc.h + '' + light;
|
||||
gk = bc.h + '' + light,
|
||||
dz = themen == 'dz',
|
||||
dy = themen == 'dy';
|
||||
|
||||
if (gradh != gk) {
|
||||
gradh = gk;
|
||||
grad = glossy_grad(bc, 85, [35, 40, 37, 35], light ? [45, 56, 50, 45] : [42, 51, 47, 42]);
|
||||
grad = glossy_grad(bc, dz ? 120 : 85,
|
||||
dy ? [0, 0, 0, 0] : [35, 40, 37, 35],
|
||||
dy ? [20, 24, 22, 20] : light ? [45, 56, 50, 45] : [42, 51, 47, 42]);
|
||||
}
|
||||
bctx.fillStyle = grad;
|
||||
for (var a = 0; a < mp.au.buffered.length; a++) {
|
||||
|
|
@ -1523,18 +1527,20 @@ var pbar = (function () {
|
|||
if (!mp || !mp.au || isNaN(adur = mp.au.duration) || isNaN(apos = mp.au.currentTime) || apos < 0 || adur < apos)
|
||||
return; // not-init || unsupp-codec
|
||||
|
||||
var sm = bc.w * 1.0 / adur;
|
||||
var sm = bc.w * 1.0 / adur,
|
||||
dz = themen == 'dz',
|
||||
dy = themen == 'dy';
|
||||
|
||||
pctx.fillStyle = light ? 'rgba(0,64,0,0.15)' : 'rgba(204,255,128,0.15)';
|
||||
pctx.fillStyle = light && !dy ? 'rgba(0,64,0,0.15)' : 'rgba(204,255,128,0.15)';
|
||||
for (var p = 1, mins = adur / 10; p <= mins; p++)
|
||||
pctx.fillRect(Math.floor(sm * p * 10), 0, 2, pc.h);
|
||||
|
||||
pctx.fillStyle = light ? 'rgba(0,64,0,0.5)' : 'rgba(192,255,96,0.5)';
|
||||
pctx.fillStyle = light && !dy ? 'rgba(0,64,0,0.5)' : 'rgba(192,255,96,0.5)';
|
||||
for (var p = 1, mins = adur / 60; p <= mins; p++)
|
||||
pctx.fillRect(Math.floor(sm * p * 60), 0, 2, pc.h);
|
||||
|
||||
pctx.font = '.5em sans-serif';
|
||||
pctx.fillStyle = light ? 'rgba(0,64,0,0.9)' : 'rgba(192,255,96,1)';
|
||||
pctx.fillStyle = dz ? '#0f0' : dy ? '#999' : light ? 'rgba(0,64,0,0.9)' : 'rgba(192,255,96,1)';
|
||||
for (var p = 1, mins = adur / 60; p <= mins; p++) {
|
||||
pctx.fillText(p, Math.floor(sm * p * 60 + 3), pc.h / 3);
|
||||
}
|
||||
|
|
@ -1597,11 +1603,18 @@ var vbar = (function () {
|
|||
if (!mp)
|
||||
return;
|
||||
|
||||
var gh = h + '' + light;
|
||||
var gh = h + '' + light,
|
||||
dz = themen == 'dz',
|
||||
dy = themen == 'dy';
|
||||
|
||||
if (gradh != gh) {
|
||||
gradh = gh;
|
||||
grad1 = glossy_grad(r.can, 50, light ? [50, 55, 52, 48] : [45, 52, 47, 43], light ? [54, 60, 52, 47] : [42, 51, 47, 42]);
|
||||
grad2 = glossy_grad(r.can, 205, [10, 15, 13, 10], [16, 20, 18, 16]);
|
||||
grad1 = glossy_grad(r.can, dz ? 120 : 50,
|
||||
dy ? [0, 0, 0, 0] : light ? [50, 55, 52, 48] : [45, 52, 47, 43],
|
||||
dy ? [20, 24, 22, 20] : light ? [54, 60, 52, 47] : [42, 51, 47, 42]);
|
||||
grad2 = glossy_grad(r.can, dz ? 120 : 205,
|
||||
dz ? [100, 100, 100, 100] : dy ? [0, 0, 0, 0] : [10, 15, 13, 10],
|
||||
dz ? [10, 14, 12, 10] : dy ? [90, 90, 90, 90] : [16, 20, 18, 16]);
|
||||
}
|
||||
ctx.fillStyle = grad2; ctx.fillRect(0, 0, w, h);
|
||||
ctx.fillStyle = grad1; ctx.fillRect(0, 0, w * mp.vol, h);
|
||||
|
|
@ -5369,7 +5382,7 @@ var mukey = (function () {
|
|||
})();
|
||||
|
||||
|
||||
var light, theme;
|
||||
var light, theme, themen;
|
||||
var settheme = (function () {
|
||||
var ax = 'abcdefghijklmnopqrstuvwx';
|
||||
|
||||
|
|
@ -5377,6 +5390,7 @@ var settheme = (function () {
|
|||
if (!/^[a-x][yz]/.exec(theme))
|
||||
theme = dtheme;
|
||||
|
||||
themen = theme.split(/ /)[0];
|
||||
light = !!(theme.indexOf('y') + 1);
|
||||
|
||||
function freshen() {
|
||||
|
|
@ -5390,7 +5404,7 @@ var settheme = (function () {
|
|||
showfile.setstyle();
|
||||
|
||||
var html = [], itheme = ax.indexOf(theme[0]) * 2 + (light ? 1 : 0),
|
||||
names = ['classic dark', 'classic light', 'pm-monokai', 'flat light', 'vice', 'hotdog stand'];
|
||||
names = ['classic dark', 'classic light', 'pm-monokai', 'flat light', 'vice', 'hotdog stand', 'hacker', 'hi-con'];
|
||||
|
||||
for (var a = 0; a < themes; a++)
|
||||
html.push('<a href="#" class="btn tgl' + (a == itheme ? ' on' : '') +
|
||||
|
|
@ -5412,6 +5426,7 @@ var settheme = (function () {
|
|||
var c = ax[Math.floor(i / 2)],
|
||||
l = light ? 'y' : 'z';
|
||||
theme = c + l + ' ' + c + ' ' + l;
|
||||
themen = c + l;
|
||||
swrite('theme', theme);
|
||||
freshen();
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue