WildDragonLLC/dragonflight
1
0
Fork 0
Code Issues 18 Pull requests 3 Projects Releases Packages Wiki Activity Actions

rebrand: Dragonflight — ember orange accent (hue 266→32)

Browse source
This commit is contained in:
Zac Gaetano 2026-05-21 22:16:32 -04:00
parent 37767f9939
commit 873920d27f
1 changed files with 22 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
services/web-ui/src/css/components/tokens.css
View file

@ -6,34 +6,34 @@
* just the few tokens that are referenced from inline styles. */ * just the few tokens that are referenced from inline styles. */
:root { :root {
/* Surfaces */ /* Surfaces */
--bg-deep: oklch(8% 0.011 266); --bg-deep: oklch(8% 0.011 32);
--bg-base: oklch(11% 0.010 266); --bg-base: oklch(11% 0.010 32);
--bg-panel: oklch(15% 0.013 266); --bg-panel: oklch(15% 0.013 32);
--bg-surface: oklch(19% 0.014 266); --bg-surface: oklch(19% 0.014 32);
--bg-raised: oklch(24% 0.015 266); --bg-raised: oklch(24% 0.015 32);
--bg-hover: oklch(28% 0.015 266); --bg-hover: oklch(28% 0.015 32);
/* Accent */ /* Accent */
--accent: oklch(45% 0.20 266); --accent: oklch(62% 0.22 32);
--accent-subtle: oklch(55% 0.20 266 / 0.12); --accent-subtle: oklch(62% 0.22 32 / 0.12);
--accent-border: oklch(55% 0.20 266 / 0.36); --accent-border: oklch(62% 0.22 32 / 0.36);
/* Text — tertiary bumped to 56% for AA contrast on bg-panel */ /* Text — tertiary bumped to 56% for AA contrast on bg-panel */
--text-primary: oklch(94% 0.008 266); --text-primary: oklch(94% 0.008 32);
--text-secondary: oklch(72% 0.014 266); --text-secondary: oklch(72% 0.014 32);
--text-tertiary: oklch(56% 0.012 266); --text-tertiary: oklch(56% 0.012 32);
--text-disabled: oklch(38% 0.010 266); --text-disabled: oklch(38% 0.010 32);
/* Borders */ /* Borders */
--border-faint: oklch(22% 0.013 266); --border-faint: oklch(22% 0.013 32);
--border: oklch(28% 0.015 266); --border: oklch(28% 0.015 32);
--border-strong: oklch(38% 0.018 266); --border-strong: oklch(38% 0.018 32);
/* Semantic signal */ /* Semantic signal */
--signal-good: oklch(70% 0.18 148); --signal-good: oklch(70% 0.18 148);
--signal-bad: oklch(64% 0.22 25); --signal-bad: oklch(64% 0.22 25);
--signal-warn: oklch(80% 0.16 90); --signal-warn: oklch(80% 0.16 90);
--signal-idle: oklch(58% 0.012 266); --signal-idle: oklch(58% 0.012 32);
--signal-good-bg: oklch(70% 0.18 148 / 0.12); --signal-good-bg: oklch(70% 0.18 148 / 0.12);
--signal-bad-bg: oklch(64% 0.22 25 / 0.12); --signal-bad-bg: oklch(64% 0.22 25 / 0.12);
--signal-warn-bg: oklch(80% 0.16 90 / 0.12); --signal-warn-bg: oklch(80% 0.16 90 / 0.12);
@ -59,15 +59,15 @@
/* Hover-darker variants of accent + signals — promoted from /* Hover-darker variants of accent + signals — promoted from
* inline oklch() arithmetic that was duplicated across button.css * inline oklch() arithmetic that was duplicated across button.css
* and card-operational.css */ * and card-operational.css */
--accent-hover: oklch(52% 0.20 266); --accent-hover: oklch(68% 0.22 32);
--accent-bright: oklch(70% 0.18 266); --accent-bright: oklch(76% 0.20 32);
--signal-bad-hover: oklch(68% 0.22 25); --signal-bad-hover: oklch(68% 0.22 25);
--signal-good-hover: oklch(74% 0.18 148); --signal-good-hover: oklch(74% 0.18 148);
--signal-warn-hover: oklch(84% 0.16 90); --signal-warn-hover: oklch(84% 0.16 90);
/* Pure-black-ish tinted toward brand hue for thumbnails & overlays. */ /* Pure-black-ish tinted toward brand hue for thumbnails & overlays. */
--thumb-black: oklch(0% 0 266); --thumb-black: oklch(0% 0 32);
--overlay: oklch(8% 0.010 266 / 0.65); --overlay: oklch(8% 0.010 32 / 0.65);
--shadow: oklch(0% 0 266 / 0.5); --shadow: oklch(0% 0 32 / 0.5);
/* Motion + ease tokens — promoted from raw cubic-bezier strings */ /* Motion + ease tokens — promoted from raw cubic-bezier strings */
--ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1); --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);