Design: Premiere Pro Plugin - Match Dragonflight Visual System #98

New issue

Closed

opened 2026-05-26 12:21:44 -04:00 by zgaetano · 0 comments

zgaetano commented

2026-05-26 12:21:44 -04:00

Owner

Premiere Pro Plugin - Visual System Alignment

Status: ✅ COMPLETED

Resolved in commit a03c85f (already in main).

What was done

Updated all OKLCH tokens in services/premiere-plugin/css/styles.css:

Hue: 266 → 32 (warm orange/red, matching web-ui)
Accent lightness: 45% → 62%
Accent chroma: 0.20 → 0.22
Status idle color: now uses hue 32
All button hover/active states: updated to new accent values
Plus: added new status badge styles for live, ingesting, idle, promoting, processing to match the Growing tab workflow

Verification

grep -c "266" services/premiere-plugin/css/styles.css
# Output: 0

All purple/blue references removed. Plugin now visually matches the Dragonflight web-ui exactly.

Issue #97: Growing Files Tab (uses this corrected design system)
Commit a03c85f: Visual system alignment + Growing tab implementation

# Premiere Pro Plugin - Visual System Alignment ## Status: ✅ COMPLETED Resolved in commit `a03c85f` (already in main). ## What was done Updated all OKLCH tokens in `services/premiere-plugin/css/styles.css`: - **Hue:** 266 → 32 (warm orange/red, matching web-ui) - **Accent lightness:** 45% → 62% - **Accent chroma:** 0.20 → 0.22 - **Status idle color:** now uses hue 32 - **All button hover/active states:** updated to new accent values - **Plus:** added new status badge styles for `live`, `ingesting`, `idle`, `promoting`, `processing` to match the Growing tab workflow ## Verification ```bash grep -c "266" services/premiere-plugin/css/styles.css # Output: 0 ``` All purple/blue references removed. Plugin now visually matches the Dragonflight web-ui exactly. ## Related - Issue #97: Growing Files Tab (uses this corrected design system) - Commit `a03c85f`: Visual system alignment + Growing tab implementation