v1.7.1: fix switch tema light/dark
Il selettore Impostazioni > Tema salvava il valore ma nessuno applicava data-theme al <html>, e mancavano gli override CSS per il tema chiaro. Aggiunte custom properties light + applyTheme() su init/change/save.
This commit is contained in:
1 parent
61459099f9
commit
a82f6f420c
3 files changed
+46
-3
No files matched your search
+34
-2
@@ -58,6 +58,38 @@
|
||||
--shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
/* Tema chiaro: override delle custom properties via data-theme="light"
|
||||
sull'elemento <html>. I colori brand (verde, blu, viola, ecc.) restano
|
||||
uguali per non perdere identita'. */
|
||||
html[data-theme="light"] {
|
||||
--bg: #FFFFFF;
|
||||
--bg-elev: #F7F7F8;
|
||||
--bg-card: #FFFFFF;
|
||||
--bg-card-2: #F2F3F5;
|
||||
--bg-input: #EDEEF1;
|
||||
--bg-input-hover: #E2E4E8;
|
||||
|
||||
--border: #E2E4E8;
|
||||
--divider: #ECEDF0;
|
||||
|
||||
--text: #111315;
|
||||
--text-2: #4A4D52;
|
||||
--text-3: #8A8E94;
|
||||
|
||||
--green-dim: #C8F0D5;
|
||||
--blue-dim: #D6E6FB;
|
||||
--purple-dim: #E9D8FD;
|
||||
--pink-dim: #FBCFE8;
|
||||
--amber-dim: #FDE68A;
|
||||
--rec-red-dim: #FECACA;
|
||||
--indigo-dim: #C7D2FE;
|
||||
|
||||
--shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
|
||||
--shadow-lg: 0 16px 40px rgba(15, 23, 42, 0.1);
|
||||
|
||||
color-scheme: light;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
@@ -1494,13 +1526,13 @@ input[type="number"]::-webkit-inner-spin-button {
|
||||
|
||||
.rec-error-log {
|
||||
margin-top: 12px;
|
||||
background: #0d0d0d;
|
||||
background: var(--bg-card-2);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 10px;
|
||||
padding: 14px;
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
|
||||
font-size: 12px;
|
||||
color: #c0c0c0;
|
||||
color: var(--text-2);
|
||||
max-height: 320px;
|
||||
overflow: auto;
|
||||
white-space: pre-wrap;
|
||||
|
||||
Reference in new issue
Block a user