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

feat(panel): migrate accent palette from hue-32 orange-red to hue-266 blue

Browse source 
Aligns CEP panel with Dragonflight web-ui tailwind.config.js color system.
All bg/accent/text/border tokens updated; signals unchanged.
This commit is contained in:
Zac Gaetano 2026-05-27 19:14:24 -04:00
parent c8e98ffa0d
commit a0a6bc9f20
1 changed files with 23 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

46
services/premiere-plugin/css/styles.css
View file

@ -1,40 +1,40 @@
/* Wild Dragon MAM Panel — Dragonflight Design System v1.2.0 /* Wild Dragon MAM Panel — Dragonflight Design System v1.3.0
* CEP-compatible: all oklch() converted to hex/rgba via OKLab→sRGB math. * CEP-compatible: all oklch() converted to hex/rgba via OKLab→sRGB math.
* Source of truth: services/web-ui/src/css/components/ * Source of truth: services/web-ui/tailwind.config.js (hue 266, blue)
* Do not hand-edit hex values — regenerate from tokens.css if tokens change. */ * Do not hand-edit hex values — regenerate from tailwind.config.js if tokens change. */
:root { :root {
/* Background scale */ /* Background scale */
--bg-deep: #030101; --bg-deep: #010203;
--bg-base: #070403; --bg-base: #030407;
--bg-panel: #100908; --bg-panel: #090b11;
--bg-surface: #1a1210; --bg-surface: #11141a;
--bg-raised: #261d1b; --bg-raised: #1c1f27;
--bg-hover: #302624; --bg-hover: #252930;
/* Accent */ /* Accent */
--accent: #ed391a; --accent: #2144c2;
--accent-hover: #ff5032; --accent-hover: #325bda;
--accent-bright: #ff765a; --accent-bright: #4d77ea;
--accent-subtle: rgba(237, 57, 26, 0.12); --accent-subtle: rgba(58, 100, 228, 0.12);
--accent-border: rgba(237, 57, 26, 0.36); --accent-border: rgba(58, 100, 228, 0.36);
/* Text */ /* Text */
--text-primary: #f0e9e8; --text-primary: #e9ebf1;
--text-secondary: #ada29f; --text-secondary: #a0a5ae;
--text-tertiary: #7b7270; --text-tertiary: #71747c;
--text-disabled: #48413f; --text-disabled: #404248;
/* Borders */ /* Borders */
--border-faint: #201817; --border-faint: #181b21;
--border: #302624; --border: #252930;
--border-strong: #4c3f3c; --border-strong: #3e424c;
/* Signals (primary) */ /* Signals (primary) */
--signal-good: #35bb58; --signal-good: #35bb58;
--signal-bad: #f53c41; --signal-bad: #f53c41;
--signal-warn: #e6b816; --signal-warn: #e6b816;
--signal-idle: #817876; --signal-idle: #777a82;
--signal-info: #1e9cf0; --signal-info: #1e9cf0;
/* Signal backgrounds */ /* Signal backgrounds */
@ -97,7 +97,7 @@
/* Elevation + surface extras */ /* Elevation + surface extras */
--shadow: 0 4px 12px rgba(0, 0, 0, 0.3); --shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
--thumb-black: #000000; --thumb-black: #000000;
--overlay: rgba(3, 1, 1, 0.65); --overlay: rgba(1, 2, 3, 0.65);
/* Z-index layers */ /* Z-index layers */
--z-dropdown: 40; --z-dropdown: 40;