Skip to content

Commit 5153db6

Browse files
90019001
committed
ux: login margin; theme2: yellow buttons
the red buttons from protonmail's monokai theme look better, but they're confusing because intuitively red means off
1 parent b0af4b3 commit 5153db6

File tree

4 files changed

+68
-68
lines changed

4 files changed

+68
-68
lines changed

‎contrib/themes/bsod.css

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -40,8 +40,6 @@ html.ey {
4040

4141
--u2-b1-bg: var(--w2);
4242
--u2-b2-bg: var(--w2);
43-
--u2-o-bg: var(--w2);
44-
--u2-o-1-bg: var(--a);
4543
--u2-txt-bg: var(--w2);
4644
--u2-tab-bg: a;
4745
--u2-tab-1-bg: var(--w2);

‎copyparty/web/browser.css

Lines changed: 61 additions & 65 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,6 @@
1010
--fg2-max: #fff;
1111
--fg-weak: #bbb;
1212

13-
--bg-u7: #555;
1413
--bg-u6: #4c4c4c;
1514
--bg-u5: #444;
1615
--bg-u4: #383838;
@@ -43,8 +42,14 @@
4342
--btn-h-bg: #805;
4443
--btn-1-fg: #400;
4544
--btn-1-bg: var(--a);
45+
--btn-h-bs: var(--btn-bs);
46+
--btn-h-bb: var(--btn-bb);
47+
--btn-1-bs: var(--btn-bs);
48+
--btn-1-bb: var(--btn-bb);
4649
--btn-1h-fg: var(--btn-1-fg);
4750
--btn-1h-bg: #fe8;
51+
--btn-1h-bs: var(--btn-1-bs);
52+
--btn-1h-bb: var(--btn-1-bb);
4853
--chk-fg: var(--tab-alt);
4954
--txt-sh: var(--bg-d2);
5055
--txt-bg: var(--btn-bg);
@@ -212,22 +217,19 @@ html.y {
212217
html.a {
213218
--op-aa-sh: 0 0 .2em var(--bg-d3) inset;
214219

215-
--u2-o-bg: #603;
216-
--u2-o-b1: #a16;
217-
--u2-o-sh: #a00;
218-
--u2-o-h-bg: var(--u2-o-bg);
219-
--u2-o-h-b1: #fb0;
220-
--u2-o-h-sh: #fb0;
221-
--u2-o-1-bg: #6a1;
222-
--u2-o-1-b1: #efa;
223-
--u2-o-1-sh: #0c0;
224-
--u2-o-1h-bg: var(--u2-o-1-bg);
220+
--btn-bs: 0 0 .2em var(--bg-d3);
221+
}
222+
html.az {
223+
--btn-1-bs: 0 0 .1em var(--fg) inset;
225224
}
226225
html.ay {
227226
--op-aa-sh: 0 .1em .2em #ccc;
228227
--op-aa-bg: var(--bg-max);
229228
}
230229
html.b {
230+
--btn-bs: 0 .05em 0 var(--bg-d3) inset;
231+
--btn-1-bs: 0 .05em 0 var(--btn-1h-bg) inset;
232+
231233
--tree-bg: var(--bg);
232234

233235
--g-bg: var(--bg);
@@ -244,17 +246,13 @@ html.b {
244246
--u2-b1-bg: rgba(128,128,128,0.15);
245247
--u2-b2-bg: var(--u2-b1-bg);
246248

247-
--u2-o-bg: var(--btn-bg);
248-
--u2-o-h-bg: var(--btn-h-bg);
249-
--u2-o-1-bg: var(--a);
250-
--u2-o-1h-bg: var(--a-hil);
251-
252249
--f-sh1: 0.1;
253250
--mp-b-bg: transparent;
254251
}
255252
html.bz {
256253
--fg: #cce;
257254
--fg-weak: #bbd;
255+
258256
--bg-u5: #3b3f58;
259257
--bg-u4: #1e2130;
260258
--bg-u3: #1e2130;
@@ -266,12 +264,14 @@ html.bz {
266264

267265
--row-alt: #181a27;
268266

267+
--a-b: #fb4;
268+
269269
--btn-bg: #202231;
270270
--btn-h-bg: #2d2f45;
271-
--btn-1-bg: #ba2959;
272-
--btn-1-is: #f59;
273-
--btn-1-fg: #fff;
271+
--btn-1-bg: #eb6;
272+
--btn-1-fg: #000;
274273
--btn-1h-fg: #000;
274+
--btn-1h-bg: #ff9;
275275
--txt-sh: a;
276276

277277
--u2-tab-b1: var(--bg-u5);
@@ -306,6 +306,7 @@ html.by {
306306
}
307307
html.c {
308308
font-weight: bold;
309+
309310
--fg: #fff;
310311
--fg-weak: #cef;
311312
--bg-u5: #409;
@@ -326,16 +327,23 @@ html.c {
326327
--chk-fg: #d90;
327328

328329
--op-aa-bg: #f9dd22;
329-
--u2-o-1-bg: #4cf;
330330

331331
--srv-1: #ea0;
332332
--mp-b-bg: transparent;
333333
}
334334
html.cz {
335335
--bgg: var(--bg-u2);
336+
336337
--sel-bg: var(--bg-u5);
337338
--sel-fg: var(--fg);
339+
340+
--btn-bb: .2em solid #709;
341+
--btn-bs: 0 .1em .6em rgba(255,0,185,0.5);
342+
--btn-1-bb: .2em solid #e90;
343+
--btn-1-bs: 0 .1em .8em rgba(255,205,0,0.9);
344+
338345
--srv-3: #fff;
346+
339347
--u2-tab-b1: var(--bg-d3);
340348
}
341349
html.cy {
@@ -363,6 +371,7 @@ html.cy {
363371
--btn-h-fg: #fff;
364372
--btn-1-bg: #ff0;
365373
--btn-1-fg: #000;
374+
--btn-bs: 0 .25em 0 #f00;
366375
--chk-fg: #fd0;
367376

368377
--srv-1: #f00;
@@ -371,16 +380,13 @@ html.cy {
371380

372381
--u2-b1-bg: #f00;
373382
--u2-b2-bg: #f00;
374-
--u2-o-bg: #ff0;
375-
--u2-o-1-bg: #f00;
376383
}
377384
html.dz {
378385
--fg: #4d4;
379386
--fg-max: #fff;
380387
--fg2-max: #fff;
381388
--fg-weak: #2a2;
382389

383-
--bg-u7: #020;
384390
--bg-u6: #020;
385391
--bg-u5: #050;
386392
--bg-u4: #020;
@@ -413,6 +419,9 @@ html.dz {
413419
--btn-1-bg: #4f4;
414420
--btn-1h-fg: var(--btn-1-fg);
415421
--btn-1h-bg: #3f3;
422+
--btn-bs: 0 0 0 .1em #080 inset;
423+
--btn-1-bs: a;
424+
416425
--chk-fg: var(--tab-alt);
417426
--txt-sh: var(--bg-d2);
418427
--txt-bg: var(--btn-bg);
@@ -434,12 +443,6 @@ html.dz {
434443
--u2-b-fg: #fff;
435444
--u2-b1-bg: #3a3;
436445
--u2-b2-bg: #3a3;
437-
--u2-o-bg: var(--btn-bg);
438-
--u2-o-b1: var(--bg-u5);
439-
--u2-o-h-bg: var(--fg-weak);
440-
--u2-o-1-bg: var(--fg-weak);
441-
--u2-o-1-b1: var(--a);
442-
--u2-o-1h-bg: var(--a);
443446
--u2-inf-bg: #07a;
444447
--u2-inf-b1: #0be;
445448
--u2-ok-bg: #380;
@@ -551,10 +554,6 @@ html.dy {
551554
--u2-tab-1-bg: a;
552555
--u2-b1-bg: #000;
553556
--u2-b2-bg: #000;
554-
--u2-o-h-bg: #999;
555-
--u2-o-1h-bg: #999;
556-
--u2-o-bg: #eee;
557-
--u2-o-1-bg: #000;
558557

559558
--ud-b1: a;
560559

@@ -963,6 +962,8 @@ html.y #path a:hover {
963962
#files tbody tr.play a:hover {
964963
color: var(--btn-1h-fg);
965964
background: var(--btn-1h-bg);
965+
box-shadow: var(--btn-1h-bs);
966+
border-bottom: var(--btn-1h-bb);
966967
}
967968
#ggrid {
968969
margin: -.2em -.5em;
@@ -971,6 +972,7 @@ html.y #path a:hover {
971972
overflow: hidden;
972973
display: block;
973974
display: -webkit-box;
975+
line-clamp: var(--grid-ln);
974976
-webkit-line-clamp: var(--grid-ln);
975977
-webkit-box-orient: vertical;
976978
padding-top: .3em;
@@ -1431,7 +1433,11 @@ input[type="checkbox"]+label {
14311433
input[type="radio"]:checked+label,
14321434
input[type="checkbox"]:checked+label {
14331435
color: #0e0;
1434-
color: var(--a);
1436+
color: var(--btn-1-bg);
1437+
}
1438+
input[type="checkbox"]:checked+label {
1439+
box-shadow: var(--btn-1-bs);
1440+
border-bottom: var(--btn-1-bb);
14351441
}
14361442
html.dz input {
14371443
font-family: 'scp', monospace, monospace;
@@ -1609,6 +1615,8 @@ html {
16091615
color: var(--btn-fg);
16101616
background: #eee;
16111617
background: var(--btn-bg);
1618+
box-shadow: var(--btn-bs);
1619+
border-bottom: var(--btn-bb);
16121620
border-radius: .3em;
16131621
padding: .2em .4em;
16141622
font-size: 1.2em;
@@ -1622,35 +1630,29 @@ html.c .btn,
16221630
html.a .btn {
16231631
border-radius: .2em;
16241632
}
1625-
html.cz .btn {
1626-
box-shadow: 0 .1em .6em rgba(255,0,185,0.5);
1627-
border-bottom: .2em solid #709;
1628-
}
16291633
html.dz .btn {
16301634
font-size: 1em;
1631-
box-shadow: 0 0 0 .1em #080 inset;
1632-
}
1633-
html.dz .tgl.btn.on {
1634-
box-shadow: 0 0 0 .1em var(--btn-1-bg) inset;
16351635
}
16361636
.btn:hover {
16371637
color: var(--btn-h-fg);
16381638
background: var(--btn-h-bg);
1639+
box-shadow: var(--btn-h-bs);
1640+
border-bottom: var(--btn-h-bb);
16391641
}
16401642
.tgl.btn.on {
16411643
background: #000;
16421644
background: var(--btn-1-bg);
16431645
color: #fff;
16441646
color: var(--btn-1-fg);
16451647
text-shadow: none;
1646-
}
1647-
html.cz .tgl.btn.on {
1648-
box-shadow: 0 .1em .8em rgba(255,205,0,0.9);
1649-
border-bottom: .2em solid #e90;
1648+
box-shadow: var(--btn-1-bs);
1649+
border-bottom: var(--btn-1-bb);
16501650
}
16511651
.tgl.btn.on:hover {
1652-
background: var(--btn-1h-bg);
16531652
color: var(--btn-1h-fg);
1653+
background: var(--btn-1h-bg);
1654+
box-shadow: var(--btn-1h-bs);
1655+
border-bottom: var(--btn-1h-bb);
16541656
}
16551657
#detree {
16561658
padding: .3em .5em;
@@ -2682,23 +2684,25 @@ html.b #u2conf a.b:hover {
26822684
#u2conf input[type="checkbox"]:checked+label {
26832685
position: relative;
26842686
cursor: pointer;
2685-
background: var(--u2-o-bg);
2686-
border-bottom: .2em solid var(--u2-o-b1);
2687-
box-shadow: 0 .1em .3em var(--u2-o-sh) inset;
2687+
background: var(--btn-bg);
2688+
box-shadow: var(--btn-bs);
2689+
border-bottom: var(--btn-bb);
26882690
text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000, -1px 1px 1px #000;
26892691
}
26902692
#u2conf input[type="checkbox"]:checked+label {
2691-
background: var(--u2-o-1-bg);
2692-
border-bottom: .2em solid var(--u2-o-1-b1);
2693-
box-shadow: 0 .1em .5em var(--u2-o-1-sh);
2693+
background: var(--btn-1-bg);
2694+
box-shadow: var(--btn-1-bs);
2695+
border-bottom: var(--btn-1-bb);
26942696
}
26952697
#u2conf input[type="checkbox"]+label:hover {
2696-
box-shadow: 0 .1em .3em var(--u2-o-h-sh);
2697-
border-color: var(--u2-o-h-b1);
2698-
background: var(--u2-o-h-bg);
2698+
background: var(--btn-h-bg);
2699+
box-shadow: var(--btn-h-bs);
2700+
border-bottom: var(--btn-h-bb);
26992701
}
27002702
#u2conf input[type="checkbox"]:checked+label:hover {
2701-
background: var(--u2-o-1h-bg);
2703+
background: var(--btn-1h-bg);
2704+
box-shadow: var(--btn-1h-bs);
2705+
border-bottom: var(--btn-1h-bb);
27022706
}
27032707
#op_up2k.srch #u2conf td:nth-child(2)>*,
27042708
#op_up2k.srch #u2conf td:nth-child(3)>* {
@@ -3058,14 +3062,6 @@ html.b #ggrid>a {
30583062
html.b .btn {
30593063
top: -.1em;
30603064
}
3061-
html.b .btn,
3062-
html.b #u2conf a.b,
3063-
html.b #u2conf input[type="checkbox"]:not(:checked)+label {
3064-
box-shadow: 0 .05em 0 var(--bg-d3) inset;
3065-
}
3066-
html.b .tgl.btn.on {
3067-
box-shadow: 0 .05em 0 var(--btn-1-is) inset;
3068-
}
30693065
html.b #op_up2k.srch sup {
30703066
color: #fc0;
30713067
}

‎copyparty/web/splash.css

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -182,13 +182,16 @@ html.z a.g {
182182
border-color: #af4;
183183
box-shadow: 0 .3em 1em #7d0;
184184
}
185+
form {
186+
line-height: 2.5em;
187+
}
185188
#x,
186189
input {
187190
color: #a50;
188191
background: #fff;
189192
border: 1px solid #a50;
190193
border-radius: .3em;
191-
padding: .3em .6em;
194+
padding: .25em .6em;
192195
margin: 0 .3em 0 0;
193196
font-size: 1em;
194197
}

‎docs/notes.sh

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -141,6 +141,9 @@ find -maxdepth 1 -printf '%s %p\n' | sort -n | awk '!/-([0-9a-zA-Z_-]{11})\.(mkv
141141
# unique stacks in a stackdump
142142
f=a; rm -rf stacks; mkdir stacks; grep -E '^#' $f | while IFS= read -r n; do awk -v n="$n" '!$0{o=0} o; $0==n{o=1}' <$f >stacks/f; h=$(sha1sum <stacks/f | cut -c-16); mv stacks/f stacks/$h-"$n"; done ; find stacks/ | sort | uniq -cw24
143143

144+
# find unused css variables
145+
cat browser.css | sed -r 's/(var\()/\n\1/g' | awk '{sub(/:/," ")} $1~/^--/{d[$1]=1} /var\(/{sub(/.*var\(/,"");sub(/\).*/,"");u[$1]=1} END{for (x in u) delete d[x]; for (x in d) print x}' | tr '\n' '|'
146+
144147

145148
##
146149
## sqlite3 stuff

0 commit comments

Comments
 (0)