style(theming): bright light "On Air" theme (vermillion + sky-cyan) — off purple/dark #3

Merged
kfj001 merged 2 commits from retheme/on-air-light-theme into main 2026-08-21 10:37:24 -07:00
Member

Theme: "On Air" (light vermillion + sky-cyan, off purple/dark)

Original look was a purple/indigo on near-black theme the team flagged as too purple/dark. Replaced with a bright, broadcast-appropriate light theme — for a radio product, red reads "ON AIR," energetic and on-brand; warm off-white keeps it professional and legible.

Token Old New
base #0a0a0a #fff8f5 (+ #fff2ea wash)
card/border #1a1a1a/#2a2a2a #ffffff/#f0e2d9
text/muted #e8e8e8/#888 #1a1410/#6b6259
accent #6366f1 indigo #f5333f vermillion
secondary — #0ea5e9 sky-cyan
gradient indigo→violet→purple #ff5470 → #f5333f → #0ea5e9

Also fixed: the hero's See Demo was a dead <button> with no handler. Converted it to mailto:sales@flowercms.cloud?subject=Demo%20request (labeled Book a Demo) — matches every other CTA so a sales rep can book the demo instead of a click going nowhere.

Deliberately left untouched: white-label demo swatches (KMountain navy/orange/cream, Fire FM black/volt/orange), embedded product screenshots, and semantic comparison marks (#ef4444/#f59e0b).

Verification (ad-hoc, not a suite)

No CI in this repo. Rendered headless with puppeteer-core + Chromium headless_shell (browser_navigate is broken on this host). Confirmed computed :root tokens resolve to new values at runtime, per-section screenshots clean (no stray purple/dark, no layout breakage), and the demo button now resolves to the mailto with zero <button> elements remaining.

## Theme: "On Air" (light vermillion + sky-cyan, off purple/dark) Original look was a purple/indigo on near-black theme the team flagged as too purple/dark. Replaced with a bright, broadcast-appropriate light theme — for a *radio* product, red reads "ON AIR," energetic and on-brand; warm off-white keeps it professional and legible. | Token | Old | New | |---|---|---| | base | `#0a0a0a` | `#fff8f5` (+ `#fff2ea` wash) | | card/border | `#1a1a1a`/`#2a2a2a` | `#ffffff`/`#f0e2d9` | | text/muted | `#e8e8e8`/`#888` | `#1a1410`/`#6b6259` | | accent | `#6366f1` indigo | **`#f5333f` vermillion** | | secondary | — | **`#0ea5e9` sky-cyan** | | gradient | indigo→violet→purple | **`#ff5470 → #f5333f → #0ea5e9`** | **Also fixed:** the hero's `See Demo` was a dead `<button>` with no handler. Converted it to `mailto:sales@flowercms.cloud?subject=Demo%20request` (labeled **Book a Demo**) — matches every other CTA so a sales rep can book the demo instead of a click going nowhere. **Deliberately left untouched:** white-label demo swatches (KMountain navy/orange/cream, Fire FM black/volt/orange), embedded product screenshots, and semantic comparison marks (`#ef4444`/`#f59e0b`). ## Verification (ad-hoc, not a suite) No CI in this repo. Rendered headless with puppeteer-core + Chromium `headless_shell` (`browser_navigate` is broken on this host). Confirmed computed `:root` tokens resolve to new values at runtime, per-section screenshots clean (no stray purple/dark, no layout breakage), and the demo button now resolves to the mailto with zero `<button>` elements remaining.
robot added 1 commit 2026-08-20 23:09:15 -07:00
Move off the purple/indigo dark theme to a bright, broadcast-appropriate
light theme: warm off-white base (#fff8f5), vermillion primary (#f5333f, an
'ON AIR' nod) with a sky-cyan (#0ea5e9) secondary; red->cyan hero/CTA gradient.

- Re-point :root token family (bg/surface/card/border/text/muted/accent/
  accent-light/accent-dark/cyan/success/gradient).
- Grep-hunt the hardcoded literals the tokens bypass: nav blur bg, hero radial
  glow, badge/icon tints, CTA/feature hover glows, pricing glow, success-mark
  tiles, card/image drop-shadows, hairline borders, compare-table tints.
- Fix one 3->4 space indent regression in .vs-col.live365.
- PRESERVE white-label demo swatches (KMountain navy/orange/cream, Fire FM
  black/volt/orange) and embedded product screenshots as product samples.
- PRESERVE semantic comparison marks (#ef4444 no / #f59e0b warn).

Verified: computed :root tokens resolve to new values at runtime; full-page
render clean with no stray purple/dark chrome and no layout breakage.
robot added 1 commit 2026-08-21 01:21:43 -07:00
The hero had a <button>See Demo</button> with no handler — clicking did
nothing. Convert it to the same mailto:sales@flowercms.cloud link used by
every other CTA, with subject=Demo request so a rep can route it as a demo
booking distinct from a plain "Contact Sales" inquiry.
kfj001 merged commit 59c607ef77 into main 2026-08-21 10:37:24 -07:00
kfj001 deleted branch retheme/on-air-light-theme 2026-08-21 10:37:24 -07:00
Sign in to join this conversation.
No Reviewers
No labels
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: WesternTechnologies/flowercms_marketing#3