This repository has been archived on 2026-04-03. You can view files and clone it, but cannot push or open issues or pull requests.
nyx/tenants/loop42/theme.css
Nico 599c5132a5 feat(theme): per-tenant dark/bright themes, brand decoupled from mode
- TenantConfig gains themes: { dark, bright } — CSS data-theme names per mode
- tenants/loop42/theme.css: dark + bright CSS blocks (moved out of base.css)
- tenants/dev/theme.css: titan-bright CSS block (titan dark stays as :root)
- useTheme: stores 'dark'|'bright' in nyx_mode, toggles via tenant themes config
- AppToolbar: single sun/moon toggle replaces multi-button brand switcher
- AppSidebar, HomeView, router: brand name/icon from tenant.name directly, not theme
- themeSwitcher feature flag removed (replaced by universal toggle)
- Fix: local K3s auth mismatch — VITE_AUTH_DISABLED removed from .env.local;
  infra/k8s/local/runtime.yaml sets AUTH_ENABLED=false to match test namespace

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-04 00:37:13 +02:00

64 lines
1.8 KiB
CSS

/* ── loop42 dark ────────────────────────────────────────────── */
[data-theme="loop42"] {
--bg: #1A212C;
--surface: #222a36;
--border: #1D7872;
--chat-bg: #1e2630;
--agent: #222a36;
--agent-border: #1D7872;
--muted: #2a3340;
--muted-text: #71B095;
--text: #e8e6e0;
--text-dim: #71B095;
--accent: #1D7872;
--user-bubble: #2a3340;
--primary: #71B095;
--btn-bg: #1D7872;
--btn-text: #e8e6e0;
--btn-hover: #71B095;
--input-bg: #222a36;
--input-border: #1D7872;
--input-text: #e8e6e0;
--bg-dim: #1e2630;
--disabled-opacity: 0.4;
--panel-bg: #1e2630;
--panel-shadow: 0 2px 12px rgba(0,0,0,0.35), 0 0 1px rgba(29,120,114,0.15);
}
/* ── loop42 bright ──────────────────────────────────────────── */
[data-theme="loop42-bright"] {
--bg: #f2f5f4;
--surface: #e8eeec;
--border: #b8d4d0;
--chat-bg: #f6f9f8;
--agent: #e8eeec;
--agent-border: #1D7872;
--muted: #dce8e6;
--muted-text: #5a8a80;
--text: #1a2422;
--text-dim: #4a7870;
--accent: #1D7872;
--user-bubble: #d8ecea;
--primary: #1D7872;
--btn-bg: #1D7872;
--btn-text: #ffffff;
--btn-hover: #71B095;
--input-bg: #ffffff;
--input-border: #1D7872;
--input-text: #1a2422;
--bg-dim: #dce8e6;
--disabled-opacity: 0.4;
--panel-bg: #ffffff;
--panel-shadow: 0 2px 12px rgba(0,0,0,0.08), 0 0 1px rgba(29,120,114,0.15);
}