7da22ff132
Integrates the Dispatch PWA (Vue/Quasar) into the gigafibre-fsm monorepo. Full git history accessible via `git log -- apps/dispatch/`. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
42 lines
1.3 KiB
SCSS
42 lines
1.3 KiB
SCSS
// ── Global CSS variables ────────────────────────────────────────────────────
|
|
// Shared between DispatchPage and MobilePage.
|
|
// To add a new theme: duplicate the :root block with a body class selector.
|
|
|
|
:root {
|
|
// Dark theme (default for dispatch desktop)
|
|
--bg: #0b0f1a;
|
|
--sidebar-bg: rgba(15, 23, 42, 0.9);
|
|
--card-bg: rgba(30, 41, 59, 0.5);
|
|
--card-hover: rgba(51, 65, 85, 0.6);
|
|
--border: rgba(255, 255, 255, 0.08);
|
|
--border-accent: rgba(99, 102, 241, 0.3);
|
|
--text-primary: #f8fafc;
|
|
--text-secondary: #94a3b8;
|
|
--accent: #6366f1;
|
|
--accent-glow: rgba(99, 102, 241, 0.3);
|
|
--green: #10b981;
|
|
--green-glow: rgba(16, 185, 129, 0.2);
|
|
--orange: #f59e0b;
|
|
--red: #f43f5e;
|
|
--card-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
body.light-mode {
|
|
--bg: #ffffff;
|
|
--sidebar-bg: #ffffff;
|
|
--card-bg: #ffffff;
|
|
--card-hover: #f1f5f9;
|
|
--border: #e2e8f0;
|
|
--border-accent: #cbd5e1;
|
|
--text-primary: #0f172a;
|
|
--text-secondary: #475569;
|
|
--accent: #4f46e5;
|
|
--accent-glow: rgba(79, 70, 229, 0.1);
|
|
--card-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
*, *::before, *::after { box-sizing: border-box; }
|
|
|
|
// Quasar resets some of these — keep them consistent
|
|
html, body { height: 100%; }
|