/* GENERATED by scripts/gen-themes.mjs — do not hand-edit; edit the generator. * SLK Design System v2 — the 10 org themes (5 dark + 5 light). Base tokens + * status/data/chart live in css/styles.css; these blocks override the palette * when an org picks a theme (data-cw-dark / data-cw-light on ). The dark * sidebar is handled by the base .sidebar rule (each theme sets --sidebar). */ /* Industrial Navy (dark) — navy */ [data-theme="dark"][data-cw-dark="navy"]{ --bg:#0A0E14; --panel:#10151D; --panel-2:#151C26; --panel-3:#1C2430; --line:#1B2432; --line-2:#253040; --line-soft:#1B2432; --ink:#E9EEF5; --ink-2:#c5cdda; --muted:#93A0B4; --faint:#677181; --accent:#FFB000; --accent-dim:#e09b00; --accent-2:#3FC9BD; --accent-ink:#1A1200; --accent-text:#FFB000; --hover:#18202C; --topbar:#0D1219; --sidebar:#0A0F16; --grid:#1B2432; --tb-1:#0D1219; --tb-2:#0c1017; --tb-line:#253040; --tb-ink:#E9EEF5; --tb-muted:#93A0B4; --tb-sub:#c5cdda; --tb-arrow:#677181; } /* Carbon Black (dark) — carbon */ [data-theme="dark"][data-cw-dark="carbon"]{ --bg:#0A0B0D; --panel:#101215; --panel-2:#15181C; --panel-3:#1B1F24; --line:#1C2126; --line-2:#262B31; --line-soft:#1C2126; --ink:#ECEFF2; --ink-2:#c9ced4; --muted:#98A1AB; --faint:#6b7178; --accent:#FFB000; --accent-dim:#e09b00; --accent-2:#43D0C4; --accent-ink:#1A1200; --accent-text:#FFB000; --hover:#171B1F; --topbar:#0C0E10; --sidebar:#08090B; --grid:#1C2126; --tb-1:#0C0E10; --tb-2:#0b0d0f; --tb-line:#262B31; --tb-ink:#ECEFF2; --tb-muted:#98A1AB; --tb-sub:#c9ced4; --tb-arrow:#6b7178; } /* Midnight Blue (dark) — midnight */ [data-theme="dark"][data-cw-dark="midnight"]{ --bg:#071120; --panel:#0C1929; --panel-2:#112134; --panel-3:#172B42; --line:#182842; --line-2:#223550; --line-soft:#182842; --ink:#E8EEF8; --ink-2:#c2cde0; --muted:#8DA0BE; --faint:#62728b; --accent:#4C8DFF; --accent-dim:#437ce0; --accent-2:#43D0C4; --accent-ink:#071120; --accent-text:#6FA3FF; --hover:#142438; --topbar:#091524; --sidebar:#060F1C; --grid:#182842; --tb-1:#091524; --tb-2:#081322; --tb-line:#223550; --tb-ink:#E8EEF8; --tb-muted:#8DA0BE; --tb-sub:#c2cde0; --tb-arrow:#62728b; } /* Graphite (dark) — graphite */ [data-theme="dark"][data-cw-dark="graphite"]{ --bg:#121315; --panel:#18191C; --panel-2:#1D1F23; --panel-3:#24272C; --line:#24282D; --line-2:#2F3339; --line-soft:#24282D; --ink:#EAEDF0; --ink-2:#c9ced3; --muted:#9BA3AC; --faint:#6f757c; --accent:#8FB8E0; --accent-dim:#7ea2c5; --accent-2:#C99C46; --accent-ink:#0E1418; --accent-text:#9FC4E8; --hover:#1F2226; --topbar:#16171A; --sidebar:#0F1012; --grid:#24282D; --tb-1:#16171A; --tb-2:#141518; --tb-line:#2F3339; --tb-ink:#EAEDF0; --tb-muted:#9BA3AC; --tb-sub:#c9ced3; --tb-arrow:#6f757c; } /* Emerald Tech (dark) — emerald */ [data-theme="dark"][data-cw-dark="emerald"]{ --bg:#091310; --panel:#0E1915; --panel-2:#13201A; --panel-3:#192921; --line:#1A2B23; --line-2:#24382E; --line-soft:#1A2B23; --ink:#E9F2EC; --ink-2:#c3d3ca; --muted:#8EA89A; --faint:#63786e; --accent:#33C384; --accent-dim:#2dac74; --accent-2:#D9A13B; --accent-ink:#06130C; --accent-text:#4ED197; --hover:#152420; --topbar:#0B1611; --sidebar:#07110D; --grid:#1A2B23; --tb-1:#0B1611; --tb-2:#0a1511; --tb-line:#24382E; --tb-ink:#E9F2EC; --tb-muted:#8EA89A; --tb-sub:#c3d3ca; --tb-arrow:#63786e; } /* Engineering White (light) — white */ [data-theme="light"][data-cw-light="white"]{ --bg:#F2F4F7; --panel:#FFFFFF; --panel-2:#F7F9FB; --panel-3:#EDF0F4; --line:#E4E9EF; --line-2:#D7DDE5; --line-soft:#E4E9EF; --ink:#17202B; --ink-2:#333d4a; --muted:#5A6675; --faint:#8b939f; --accent:#F0A400; --accent-dim:#d39000; --accent-2:#0E9488; --accent-ink:#1A1200; --accent-text:#8A5F00; --hover:#F0F3F7; --topbar:#FFFFFF; --sidebar:#111826; --grid:#E4E9EF; --tb-1:#FFFFFF; --tb-2:#f9fafb; --tb-line:#D7DDE5; --tb-ink:#17202B; --tb-muted:#5A6675; --tb-sub:#333d4a; --tb-arrow:#8b939f; } /* Arctic (light) — arctic */ [data-theme="light"][data-cw-light="arctic"]{ --bg:#ECF2F8; --panel:#FFFFFF; --panel-2:#F3F8FC; --panel-3:#E5EDF5; --line:#DCE6F0; --line-2:#CBD9E7; --line-soft:#DCE6F0; --ink:#122334; --ink-2:#2d4052; --muted:#52677C; --faint:#8393a4; --accent:#2470C2; --accent-dim:#2063ab; --accent-2:#0E9488; --accent-ink:#FFFFFF; --accent-text:#1E62AC; --hover:#EAF1F8; --topbar:#FFFFFF; --sidebar:#0D1B2A; --grid:#DCE6F0; --tb-1:#FFFFFF; --tb-2:#f6f9fc; --tb-line:#CBD9E7; --tb-ink:#122334; --tb-muted:#52677C; --tb-sub:#2d4052; --tb-arrow:#8393a4; } /* Titanium (light) — titanium */ [data-theme="light"][data-cw-light="titanium"]{ --bg:#EEEFF1; --panel:#FAFBFC; --panel-2:#F3F4F6; --panel-3:#E8EAED; --line:#E0E3E8; --line-2:#D2D6DC; --line-soft:#E0E3E8; --ink:#191E24; --ink-2:#353b44; --muted:#5C6470; --faint:#8b9099; --accent:#3E566E; --accent-dim:#374c61; --accent-2:#B08D57; --accent-ink:#FFFFFF; --accent-text:#3A5068; --hover:#ECEEF1; --topbar:#FAFBFC; --sidebar:#14171C; --grid:#E0E3E8; --tb-1:#FAFBFC; --tb-2:#f4f5f7; --tb-line:#D2D6DC; --tb-ink:#191E24; --tb-muted:#5C6470; --tb-sub:#353b44; --tb-arrow:#8b9099; } /* Sandstone (light) — sandstone */ [data-theme="light"][data-cw-light="sandstone"]{ --bg:#F5F1E8; --panel:#FFFCF5; --panel-2:#F4EFE4; --panel-3:#ECE5D6; --line:#E6DECD; --line-2:#DAD1BF; --line-soft:#E6DECD; --ink:#241E12; --ink-2:#423a2c; --muted:#6C6150; --faint:#988f81; --accent:#C08428; --accent-dim:#a97423; --accent-2:#5F826A; --accent-ink:#201604; --accent-text:#8A5D14; --hover:#F1EBDD; --topbar:#FFFCF5; --sidebar:#231B0E; --grid:#E6DECD; --tb-1:#FFFCF5; --tb-2:#faf7ef; --tb-line:#DAD1BF; --tb-ink:#241E12; --tb-muted:#6C6150; --tb-sub:#423a2c; --tb-arrow:#988f81; } /* Modern Tech (light) — modern */ [data-theme="light"][data-cw-light="modern"]{ --bg:#F4F6FA; --panel:#FFFFFF; --panel-2:#F1F5F9; --panel-3:#E8EEF5; --line:#E4EAF1; --line-2:#D8DFE8; --line-soft:#E4EAF1; --ink:#101828; --ink-2:#2b364a; --muted:#516079; --faint:#8590a2; --accent:#2563EB; --accent-dim:#2157cf; --accent-2:#0EA5A0; --accent-ink:#FFFFFF; --accent-text:#1D4FC4; --hover:#EFF3F8; --topbar:#FFFFFF; --sidebar:#0F172A; --grid:#E4EAF1; --tb-1:#FFFFFF; --tb-2:#fafbfd; --tb-line:#D8DFE8; --tb-ink:#101828; --tb-muted:#516079; --tb-sub:#2b364a; --tb-arrow:#8590a2; }