CubeCraft-Creations/Control-Center
9
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

CUB-47: define tactical dark mode CSS variables and set body background

Browse Source
This commit is contained in:
cubecraft-agents[bot]
2026-04-26 12:49:15 +00:00
parent 8d0adeb2e9
commit c39cf5ed7c
1 changed files with 12 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/styles.scss
View File

@@ -61,6 +61,17 @@ html {
--status-thinking-bg: rgba(167, 139, 250, 0.12); --status-thinking-bg: rgba(167, 139, 250, 0.12);
--status-error-bg: rgba(248, 113, 113, 0.12); --status-error-bg: rgba(248, 113, 113, 0.12);
// --- Tactical Dark Mode palette (CUB-47) ---
--color-surface: #0F172A;
--color-surface-light: #1E293B;
--color-primary: #38BDF8;
--color-secondary: #2DD4BF;
--color-accent: #A78BFA;
--color-danger: #F87171;
--color-text-primary: #FFFFFF;
--color-text-secondary: #94A3B8;
--color-border: #334155;
// --- Surface overrides (tactical dark palette) --- // --- Surface overrides (tactical dark palette) ---
--cc-background: #0D0F12; --cc-background: #0D0F12;
--cc-surface: #13161A; --cc-surface: #13161A;
@@ -90,7 +101,7 @@ html {
// Global Body Styles // Global Body Styles
// --------------------------------------------------------------------------- // ---------------------------------------------------------------------------
body { body {
background-color: var(--cc-background); background-color: var(--color-surface);
color: var(--cc-on-surface); color: var(--cc-on-surface);
font-family: 'Inter', 'Roboto', sans-serif; font-family: 'Inter', 'Roboto', sans-serif;
margin: 0; margin: 0;