Colors
All colors are extracted from Figma mockups. The palette is defined in palette.rs as the single source of truth.
Core
Background
--background #04070E Foreground
--foreground #E2E8F0 Border
--border #1E293B Ring
--ring #4A90CF Primary
Primary
--primary #3B82F6 Primary Foreground
--primary-foreground #FFFFFF Secondary
Secondary
--secondary #1E293B Secondary Foreground
--secondary-foreground #E2E8F0 Secondary Border
--secondary-border #334155 Muted
Muted
--muted #0F172A Muted Foreground
--muted-foreground #94A3B8 Accent
Accent
--accent #0F1E3D Accent Foreground
--accent-foreground #E2E8F0 Destructive
Destructive
--destructive #EF4444 Destructive Foreground
--destructive-foreground #FFFFFF Surface
Card
--card #0A1628 Card Foreground
--card-foreground #E2E8F0 Surface Blur
--surface-blur Controls
Control Border
--control-border #3C4656 Control Fill Off
--control-fill-off #0E1A38 Control Fill On
--control-fill-on #162C59 Usage in Rust
use ui_theme::Theme;
let theme = Theme::dark();
let bg = theme.palette.background;
let ring = theme.palette.ring;