/* GENERATED by scripts/gen-themes.mjs — do not hand-edit; edit the generator. * Ten complete org themes (5 dark + 5 light) for the SLK Platform. The org's * admin picks one dark + one light theme (Team → Appearance); the user's ◐ * toggle flips between the org's two picks. Applied as data-cw-dark / * data-cw-light on by applyOrgBranding(). Absent attributes = the * stock SLK look. Layout and components are untouched — tokens only. */ /* Shared dark-mode engineering sets — IDENTICAL across themes so data semantics and alarm colours never depend on an org's branding. */ [data-theme="dark"]{ --st-success:#46c47c; --st-info:#4d9fff; --st-warning:#f0ad2d; --st-error:#f2655c; --st-critical:#ff3b30; --st-offline:#8a94a2; --st-pending:#c9a24a; --st-running:#35c3dd; --data-pressure:#4d9fff; --data-temperature:#f2655c; --data-flow:#35c3dd; --data-lift:#ffd24d; --data-gas:#ff8f3d; --data-oil:#2ecf8f; --data-water:#57a8ff; --data-casing:#9fb1c4; --data-tubing:#c9a15a; --data-cement:#b0aca4; --data-wireline:#b78aff; --data-slickline:#f06cae; --data-sensors:#7ee0d2; --chart-1:#4d9fff; --chart-2:#35c3dd; --chart-3:#2ecf8f; --chart-4:#ffd24d; --chart-5:#f28c28; --chart-6:#f2655c; --chart-7:#b78aff; --chart-8:#f06cae; --chart-9:#9fb1c4; --chart-10:#8fc74e; } /* Shared light-mode engineering sets — IDENTICAL across themes so data semantics and alarm colours never depend on an org's branding. */ [data-theme="light"]{ --st-success:#1d7a43; --st-info:#1565d8; --st-warning:#a36a06; --st-error:#bb2d23; --st-critical:#d70015; --st-offline:#6b7684; --st-pending:#8a6a1a; --st-running:#0e7f94; --data-pressure:#1565d8; --data-temperature:#bb2d23; --data-flow:#0e7f94; --data-lift:#9a7300; --data-gas:#c15f10; --data-oil:#13804f; --data-water:#1f6fd0; --data-casing:#5c6b7c; --data-tubing:#8a6a2f; --data-cement:#767268; --data-wireline:#6d28d9; --data-slickline:#b02a70; --data-sensors:#0e8578; --chart-1:#1565d8; --chart-2:#0e7f94; --chart-3:#1d7a43; --chart-4:#9a7300; --chart-5:#c15f10; --chart-6:#bb2d23; --chart-7:#6d28d9; --chart-8:#b02a70; --chart-9:#5c6b7c; --chart-10:#4e7a1d; } /* ── Industrial Navy (dark) — navy ─────────────────────────────── */ [data-theme="dark"][data-cw-dark="navy"]{ --bg:#0a1220; --panel:#101b2e; --panel-2:#15233c; --panel-3:#1b2d4c; --line:#223755; --line-2:#2e4a73; --ink:#edf3fa; --ink-2:#c3d2e4; --muted:#8da2bc; --faint:#5f7492; --accent:#3f8cff; --accent-dim:#2c6fd6; --accent-2:#35c3dd; --accent-ink:#061224; --ok:#46c47c; --warn:#f0ad2d; --danger:#f2655c; --tb-1:#0d1729; --tb-2:#091120; --tb-line:#1c2f4d; --grid:#1a2a42; } [data-theme="dark"][data-cw-dark="navy"] .sidebar{--tb-1:#101c31;--tb-2:#0b1424;--tb-line:#20365a} /* ── Carbon Black (dark) — carbon ─────────────────────────────── */ [data-theme="dark"][data-cw-dark="carbon"]{ --bg:#0b0c0e; --panel:#131518; --panel-2:#191c20; --panel-3:#212529; --line:#282d33; --line-2:#363d45; --ink:#f0f2f4; --ink-2:#c9ced4; --muted:#939ba5; --faint:#646c76; --accent:#4da3ff; --accent-dim:#2f83e0; --accent-2:#38ccd8; --accent-ink:#061019; --ok:#46c47c; --warn:#f0ad2d; --danger:#f2655c; --tb-1:#101215; --tb-2:#0a0c0e; --tb-line:#23272c; --grid:#1e2126; } [data-theme="dark"][data-cw-dark="carbon"] .sidebar{--tb-1:#14171a;--tb-2:#0e1012;--tb-line:#25292e} /* ── Midnight Blue (dark) — midnight ─────────────────────────────── */ [data-theme="dark"][data-cw-dark="midnight"]{ --bg:#0c0f1e; --panel:#131730; --panel-2:#181e3e; --panel-3:#1f274e; --line:#262f5a; --line-2:#344078; --ink:#eef1fb; --ink-2:#c7cde8; --muted:#8f98c0; --faint:#616a94; --accent:#6f8cff; --accent-dim:#5471e0; --accent-2:#9fd8ff; --accent-ink:#0a1030; --ok:#46c47c; --warn:#f0ad2d; --danger:#f2655c; --tb-1:#101431; --tb-2:#0a0d22; --tb-line:#222b58; --grid:#1d2445; } [data-theme="dark"][data-cw-dark="midnight"] .sidebar{--tb-1:#141838;--tb-2:#0e1128;--tb-line:#28316a} /* ── Graphite (dark) — graphite ─────────────────────────────── */ [data-theme="dark"][data-cw-dark="graphite"]{ --bg:#101112; --panel:#17191b; --panel-2:#1e2124; --panel-3:#26292d; --line:#2e3236; --line-2:#3d4247; --ink:#f1f2f3; --ink-2:#ccced1; --muted:#979ba0; --faint:#686d73; --accent:#f28c28; --accent-dim:#d0731a; --accent-2:#57b8c9; --accent-ink:#1c1002; --ok:#46c47c; --warn:#f0ad2d; --danger:#f2655c; --tb-1:#141618; --tb-2:#0e0f11; --tb-line:#26292d; --grid:#242629; } [data-theme="dark"][data-cw-dark="graphite"] .sidebar{--tb-1:#191b1e;--tb-2:#121415;--tb-line:#2a2e32} /* ── Emerald Tech (dark) — emerald ─────────────────────────────── */ [data-theme="dark"][data-cw-dark="emerald"]{ --bg:#0b1210; --panel:#111c18; --panel-2:#16251f; --panel-3:#1c3128; --line:#233a30; --line-2:#2e4d40; --ink:#ecf5f1; --ink-2:#c5d8d0; --muted:#8ba89d; --faint:#5d7a6f; --accent:#2ecf8f; --accent-dim:#1fa871; --accent-2:#43cdd6; --accent-ink:#04140d; --ok:#46c47c; --warn:#f0ad2d; --danger:#f2655c; --tb-1:#0e1815; --tb-2:#0a110e; --tb-line:#1e332b; --grid:#1b2c25; } [data-theme="dark"][data-cw-dark="emerald"] .sidebar{--tb-1:#121e1a;--tb-2:#0c1512;--tb-line:#244035} /* ── Engineering White (light) — white ─────────────────────────────── */ [data-theme="light"][data-cw-light="white"]{ --bg:#f7f9fb; --panel:#ffffff; --panel-2:#eef2f6; --panel-3:#e3e9f0; --line:#dde4ec; --line-2:#c6d2df; --ink:#16202b; --ink-2:#35434f; --muted:#5d6b7a; --faint:#8b98a6; --accent:#0f62c8; --accent-dim:#2c79dd; --accent-2:#0891a5; --accent-ink:#ffffff; --ok:#1d7a43; --warn:#a36a06; --danger:#bb2d23; --tb-1:#ffffff; --tb-2:#f2f5f9; --tb-line:#dfe6ee; --grid:#e6ebf1; } [data-theme="light"][data-cw-light="white"] .sidebar{--tb-1:#16222f;--tb-2:#101a25;--tb-line:#26364a} /* ── Arctic (light) — arctic ─────────────────────────────── */ [data-theme="light"][data-cw-light="arctic"]{ --bg:#f6fafc; --panel:#ffffff; --panel-2:#ecf4f9; --panel-3:#dfecf4; --line:#d8e6f0; --line-2:#bdd4e5; --ink:#12202c; --ink-2:#32434f; --muted:#587082; --faint:#8aa2b2; --accent:#14538c; --accent-dim:#2a69a5; --accent-2:#0e9db5; --accent-ink:#ffffff; --ok:#1d7a43; --warn:#a36a06; --danger:#bb2d23; --tb-1:#ffffff; --tb-2:#eef6fa; --tb-line:#d9e7f0; --grid:#e3edf4; } [data-theme="light"][data-cw-light="arctic"] .sidebar{--tb-1:#11293c;--tb-2:#0b1e2e;--tb-line:#1f3d55} /* ── Titanium (light) — titanium ─────────────────────────────── */ [data-theme="light"][data-cw-light="titanium"]{ --bg:#f4f5f7; --panel:#ffffff; --panel-2:#eaecef; --panel-3:#dfe2e7; --line:#d8dce2; --line-2:#c0c7d0; --ink:#1a1e24; --ink-2:#3a4048; --muted:#646b75; --faint:#9098a2; --accent:#3665c4; --accent-dim:#4b78d4; --accent-2:#0e94a8; --accent-ink:#ffffff; --ok:#1d7a43; --warn:#a36a06; --danger:#bb2d23; --tb-1:#ffffff; --tb-2:#eff1f4; --tb-line:#dcdfe5; --grid:#e2e5e9; } [data-theme="light"][data-cw-light="titanium"] .sidebar{--tb-1:#1e242c;--tb-2:#171c22;--tb-line:#333b46} /* ── Sandstone (light) — sandstone ─────────────────────────────── */ [data-theme="light"][data-cw-light="sandstone"]{ --bg:#faf6ef; --panel:#fffdf9; --panel-2:#f3ecdf; --panel-3:#eae0cc; --line:#e5dac4; --line-2:#d3c3a3; --ink:#291f14; --ink-2:#4a3d2e; --muted:#756550; --faint:#a08d74; --accent:#b4651e; --accent-dim:#c97a30; --accent-2:#2779b0; --accent-ink:#ffffff; --ok:#1d7a43; --warn:#a36a06; --danger:#bb2d23; --tb-1:#fffdf9; --tb-2:#f5efe3; --tb-line:#e7dcc7; --grid:#ece4d3; } [data-theme="light"][data-cw-light="sandstone"] .sidebar{--tb-1:#2d2418;--tb-2:#221b11;--tb-line:#4a3c28} /* ── Modern Tech (light) — modern ─────────────────────────────── */ [data-theme="light"][data-cw-light="modern"]{ --bg:#f8f9fb; --panel:#ffffff; --panel-2:#f0f2f5; --panel-3:#e6e9ee; --line:#e0e4ea; --line-2:#cbd2db; --ink:#191c21; --ink-2:#394049; --muted:#616a76; --faint:#8f97a3; --accent:#0078d4; --accent-dim:#1e88dd; --accent-2:#0d9488; --accent-ink:#ffffff; --ok:#1d7a43; --warn:#a36a06; --danger:#bb2d23; --tb-1:#ffffff; --tb-2:#f2f4f7; --tb-line:#e2e6eb; --grid:#e8ebf0; } [data-theme="light"][data-cw-light="modern"] .sidebar{--tb-1:#1b1f26;--tb-2:#14181d;--tb-line:#2e353e}