/* ════════════════════════════════════════════════════════════════════════ theme.css — Téma-rendszer (Fekete / Fehér) ──────────────────────────────────────────────────────────────────────── Az app-nézetek a színeiket MÁR CSS-változókból olvassák (--bg, --sidebar, --surface, --surface2, --border, --border2, --text, --muted, --muted2, --primary, --accent, --success, --danger, --warning). Itt CSAK ezeket írjuk felül a alapján — a STRUKTÚRA, méretek, layout NEM változik, kizárólag a színek. Default (data-theme="dark"): a nézetek saját :root sötét értékei élnek (BlackSheepMail alap) → színeket itt nem írunk felül, csak a color-scheme-et. ════════════════════════════════════════════════════════════════════════ */ /* ── FEKETE téma (ALAP) ──────────────────────────────────────────────────── Valódi fekete/szürke MONOKRÓM alap (near-black + semleges szürkék, fehér szöveg). A lila KIZÁRÓLAG accent (CTA / aktív állapot / linkek) — NEM a fő szín. Ez FELÜLÍRJA a nézetek navy :root-ját, így az alapértelmezett app is „igazi fekete". */ html[data-theme="dark"] { --bg: #0a0a0b; --sidebar: #101012; --surface: #161618; --surface2: #1e1e21; --border: rgba(255,255,255,.09); --border2: rgba(255,255,255,.15); --text: #f4f4f5; --muted: rgba(244,244,245,.56); --muted2: rgba(244,244,245,.75); --primary: #7c4dff; /* lila accent (CTA) — fehér felirattal ~4.5:1 */ --accent: #9d7bff; /* világosabb lila a gradiensekhez/kiemeléshez */ --success: #22c55e; --danger: #ef4444; --warning: #f59e0b; color-scheme: dark; } /* ── FEHÉR téma (világos, tiszta — megtartja a periwinkle/lila BlackSheepMail vibe-ot) ── */ html[data-theme="light"] { --bg: #eceef3; /* lágy világosszürke (nem vakító tiszta fehér) → a fehér kártyák kiválnak */ --sidebar: #ffffff; --surface: #ffffff; /* surface-container-lowest */ --surface2: #f4f5f8; /* surface-container-low */ --border: rgba(20,24,40,.14); --border2: rgba(20,24,40,.28); /* látható körvonal a fehér kártyákhoz */ --text: #191c1d; /* on-surface (near-black) */ --muted: rgba(70,69,84,.80); --muted2: #464554; /* on-surface-variant */ --primary: #4648d4; /* Stitch primary (indigó) — fehér felirattal ~7:1 */ --accent: #8127cf; /* Stitch secondary (lila) → a gomb-gradient indigó→lila */ --success: #16a34a; --danger: #ba1a1a; /* Stitch error */ --warning: #d97706; color-scheme: light; /* ── 7. ÜTEM (2026-08-05) — segéd-tónusok a hardcode rgba(151,151,151,α)-féle dark-téma szövegszínek light-felülírásaihoz (lásd a fájl VÉGÉN lévő szelektor-pontos blokkot). A háromtagú "muted" hierarchia az eredeti alpha-lépcsőt (~.2-.35 / ~.4-.5 / ~.55-.95) követi, mindegyik ≥4.5:1 kontraszttal fehér ÉS a halvány lila/borostyán jelvény-hátterek felett is (mérve a kontraszt-szondával). NEM az alap --muted/--muted2-t bővítjük (azok már ≥4.5-öt adnak, de EGY tónust — itt a régi 3+ lépcsős HIERARCHIÁT kell visszaadni, hogy a vizuális rangsor ne lapuljon el). */ --muted-faint: #5f6472; /* ~5.9:1 fehéren — halvány/dekoratív szöveg (volt: alpha .2-.4) */ --muted-mid: #454a58; /* ~8.7:1 fehéren — másodlagos szöveg (volt: alpha .45-.65) */ --muted-strong: #33363f; /* ~11.7:1 fehéren — erős másodlagos szöveg (volt: alpha .7-.95) */ --warning-ink: #8a4b06; /* ~6.2:1 — sötét borostyán a #fde68a helyett (csatorna-sáv) */ --success-ink: #166534; /* ~7.4:1 — sötét zöld a rgba(16,185,129,α)/#10b981 helyett (a világos --success maga csak ~3.3:1) */ --primary-ink: #3730a5; /* ~6.6:1 halvány lila jelvény-hátteren — a --primary maga (#4648d4) csak ~4.2:1, nem elég */ } /* ── BODY háttér + szöveg a témából ──────────────────────────────────────── Az app-nézetek -ja hardcode-olt utility-vel kapja a színt (bg-msbg / bg-[#0d0d0d] / text-white / text-mstext). Itt a témából vezéreljük: a html[data-theme] body (specifikusság 0,1,1) felülírja a Tailwind bg- és text- utility-ket (0,1,0) — sorrendtől függetlenül. A többi tartalom a CSS-fájlok var(--…) osztályaiból már témázódik. 🔴 JAVÍTVA (7. ütem, 2026-08-05): a fenti komment korábban a "bg-" és "text-" szórészeket egy csillag-perjel elválasztóval írta egymás mellé (Tailwind-osztálypár rövidítése) — az az elválasztó ÉPP a CSS-komment LEZÁRÓ jelsorozatával egyezett, ezért a komment ott KORAI VÉGET ért, a maradék szöveg ÉRVÉNYTELEN SZABÁLYKÉNT próbált parse-olódni, és a hibából való helyreállás az UTÁNA KÖVETKEZŐ (a lenti) `html[data-theme] body { color: var(--text); }` szabályt is elnyelte — EGYETLEN böngészőben, EGYETLEN témában sem érvényesült soha (mérve: `document.styleSheets[…] .cssRules` nem tartalmazta; izolált `