`public/crcp-theme.css`

30 lines
/* CRCP shared day/night theme tokens — single source of truth across all pages.
   Load LAST (after each page's own <style>) so it overrides local :root values.
   Defines BOTH naming conventions in use (--mut AND --muted) so every page themes. */
html[data-theme="dark"]{
  --bg:#0d1117; --bg2:#171d26; --card:#1c232e; --line:#33404f; --line2:#3f4c5c;
  --ink:#f2f6fb; --text:#f2f6fb; --mut:#b3c0cf; --muted:#b3c0cf; --sub:#b3c0cf;
  --headbg:rgba(13,17,23,.98); --stripe:rgba(255,255,255,.025); --hover:rgba(121,184,255,.10);
  --acc:#4bd268; --blue:#79b8ff; --gold:#e3b341; --red:#ff7b72; --purp:#c8a2ff;
  --onacc:#0e1116; /* text on an accent bg — accents are LIGHT in dark mode, so black text reads */
}
html[data-theme="light"]{
  --bg:#f4f6f9; --bg2:#ffffff; --card:#ffffff; --line:#d5dbe2; --line2:#c2cad4;
  --ink:#12171e; --text:#12171e; --mut:#525f6e; --muted:#525f6e; --sub:#525f6e;
  --headbg:rgba(255,255,255,.98); --stripe:rgba(20,30,45,.028); --hover:rgba(9,105,218,.08);
  --acc:#1a7f37; --blue:#0969da; --gold:#9a6700; --red:#cf222e; --purp:#8250df;
  --onacc:#ffffff; /* text on an accent bg — accents are DARK in light mode, so white text reads */
  /* fleet custom SURFACE vars — bespoke pages invented these and crcp-theme didn't cover them, so
     they stayed dark in day mode (dark islands). Defined for LIGHT ONLY, so dark mode keeps each
     page's own :root value (zero dark-mode change) and light mode finally flips these surfaces. */
  --panel:#ffffff; --panel2:#f4f6f9; --fg:#12171e; --txt:#12171e; --g2:#f4f6f9;
  --glass:rgba(255,255,255,.72); --glassb:rgba(20,30,45,.12);
}
/* shared toggle button (auto-injected by crcp-theme.js into the page header) */
#crcpThemeToggle{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:8px;
  padding:6px 11px;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-family:inherit;}
#crcpThemeToggle:hover{border-color:var(--blue);}
/* readability lift that helps every list/table page (harmless where selectors don't exist) */
.listtbl tbody tr:nth-child(even) td,tbody tr.row:nth-child(even),.tbl tbody tr:nth-child(even) td{background:var(--stripe);}
.listtbl tbody tr:hover td,.tbl tbody tr:hover td{background:var(--hover);}