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