dylan/vod-system
1
1
Fork 0
Code Issues 16 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

feat(frontend): swap dark-mode brown colours for a black palette (#39)
All checks were successful
CI / Maven unit tests (push) Successful in 13s
Details
CI / Build and push images (push) Successful in 58s
Details
CI / Deploy to server (push) Successful in 13s
Details

Browse Source 
Reviewed-on: #39
This commit was merged in pull request #39.
This commit is contained in:
Dylan De Faoite
2026-09-06 19:59:13 +01:00
parent ccf56f767f
commit 6fa02a34a3
1 changed files with 28 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
frontend/src/index.css
View File

@@ -60,46 +60,46 @@
:root[data-theme="dark"] { :root[data-theme="dark"] {
color-scheme: dark; color-scheme: dark;
/* ── Surfaces ── elevation inverts: the canvas is darkest, cards rise ─── */ /* ── Surfaces ── near-black canvas, neutral cards lifting off it ─────── */
--color-background: #1B1815; --color-background: #0E0E10;
--color-sidebar: #151210; --color-sidebar: #09090B;
--color-card: #26211C; --color-card: #17171A;
--color-fields: #211D19; --color-fields: #121215;
--color-dropzone: #201C18; --color-dropzone: #141417;
--color-media-backdrop: #121010; --color-media-backdrop: #000000;
/* ── Ink ── warm off-whites, mirroring the light ramp in reverse ──────── */ /* ── Ink ─────────────────────────────────────────────────────────────── */
--color-text-primary: #F3EDE3; --color-text-primary: #F4F4F5;
--color-text-strong: #E6DFD3; --color-text-strong: #E3E3E7;
--color-text-body: #CFC6B8; --color-text-body: #BFBFC6;
--color-text-secondary: #ABA192; --color-text-secondary: #94949D;
--color-muted: #948A7C; --color-muted: #76767F;
--color-faint-mono: #8A8073; --color-faint-mono: #6A6A73;
/* ── Accents ── brightened to carry on a dark canvas, so hover now lifts /* ── Accents ── brightened to carry on a dark canvas, so hover now lifts
rather than deepens ─────────────────────────────────────────────────── */ rather than deepens ─────────────────────────────────────────────────── */
--color-terracotta: #D08055; --color-terracotta: #E07A4C;
--color-terracotta-hover: #E09A6F; --color-terracotta-hover: #F08F62;
--color-terracotta-light: #E3A87F; --color-terracotta-light: #F0A177;
--color-terracotta-disabled: #8A6A55; --color-terracotta-disabled: #5E463A;
--color-olive: #9DAC77; --color-olive: #A3B678;
/* ── Status ──────────────────────────────────────────────────────────── */ /* ── Status ──────────────────────────────────────────────────────────── */
--color-live: #E0705A; --color-live: #F2604A;
--color-error: #E0705A; --color-error: #F2604A;
/* ── Ink on accent surfaces ── the accents are light here, so the ink that /* ── Ink on accent surfaces ── the accents are light here, so the ink that
sits on them flips dark ─────────────────────────────────────────────── */ sits on them flips dark ─────────────────────────────────────────────── */
--color-on-accent: #241B14; --color-on-accent: #17100B;
/* ── Lines, chips, placeholders ──────────────────────────────────────── */ /* ── Lines, chips, placeholders ──────────────────────────────────────── */
--color-hairline: #2E2822; --color-hairline: #232327;
--color-hover: #322B24; --color-hover: #26262B;
--color-selected: #2E2119; --color-selected: #2A1F18;
--color-ring: #3E362C; --color-ring: #33333A;
--color-inactive: #3B342B; --color-inactive: #2C2C32;
--color-inactive-strong: #6B6153; --color-inactive-strong: #55555E;
} }
:root { :root {