light theme fixes

This commit is contained in:
Til Schmitter 2026-04-19 00:12:50 +02:00
parent ddcf49ac49
commit f9e06d5580
3 changed files with 4 additions and 16 deletions

View file

@ -43,7 +43,7 @@
--btn-fg: var(--a); --btn-fg: var(--a);
--btn-bg: rgba(128,128,128,0.15); --btn-bg: rgba(128,128,128,0.15);
--btn-h-fg: var(--a-hil); --btn-h-fg: var(--a-hil);
--btn-h-bg: hsl(from var(--a) h 0 35%); --btn-h-bg: hsl(from color-mix(var(--a-gray) 45%, var(--bg-max) 55%) h 0 l);
--btn-1-fg: rgb(25, 19, 12); --btn-1-fg: rgb(25, 19, 12);
--btn-1-bg: var(--a); --btn-1-bg: var(--a);
--btn-h-bs: var(--btn-bs); --btn-h-bs: var(--btn-bs);
@ -163,12 +163,9 @@ html.y {
--row-alt: #f2f2f2; --row-alt: #f2f2f2;
--a: #06a; --a: #06a;
--a-gray: #bbb;
--a-dark: #c0f;
--btn-fg: #555; --btn-fg: #555;
--btn-h-fg: #222; --btn-h-fg: #222;
--btn-h-bg: #caf;
--btn-1-fg: #fff; --btn-1-fg: #fff;
--btn-1-bg: #4a0; --btn-1-bg: #4a0;
--btn-1h-bg: #5c0; --btn-1h-bg: #5c0;
@ -2840,6 +2837,7 @@ html.y #bbox-overlay figcaption a {
font-size: 1.3em; font-size: 1.3em;
padding: 1em 2em; padding: 1em 2em;
cursor: pointer; cursor: pointer;
box-shadow: .4em .4em 0 var(--bg-d1);
} }
#u2btn sup { #u2btn sup {
font-size: 1.1em; font-size: 1.1em;

View file

@ -264,6 +264,6 @@ html.bz .vols img {
top: 1em; top: 1em;
left: 1em; left: 1em;
border-radius: .3em; border-radius: .3em;
background: #333; background: var(--bg-u5);
position: fixed; position: fixed;
} }

View file

@ -218,7 +218,7 @@ html {
line-height: 1.7em; line-height: 1.7em;
} }
#tt em { #tt em {
color: #f6a; color: var(--a);
} }
html.y #tt { html.y #tt {
border-color: #888 #000 #777 #000; border-color: #888 #000 #777 #000;
@ -235,9 +235,6 @@ html.y #toast {
background: transparent; background: transparent;
border: 1px solid #ccc; border: 1px solid #ccc;
} }
html.y #tt em {
color: #d38;
}
html.y #tth { html.y #tth {
color: #000; color: #000;
background: #fff; background: #fff;
@ -378,13 +375,6 @@ html.y #tth {
30% {outline: color-mix(var(--a) 75%, transparent 25%) solid .1em;} 30% {outline: color-mix(var(--a) 75%, transparent 25%) solid .1em;}
100% {outline: transparent solid .1em;} 100% {outline: transparent solid .1em;}
} }
html.y *:focus,
html.y *:focus+label,
html.y #pctl *:focus,
html.y .btn:focus {
box-shadow: 0 .1em .2em #037 inset;
outline: #037 solid .1em;
}
input, button { input, button {
font-family: var(--font-main), sans-serif; font-family: var(--font-main), sans-serif;
} }