Skip to content

chore(ui): rebrand the classic UI to the 2026 brand (Earth Undertones) - #15750

Draft
devGregA wants to merge 1 commit into
devfrom
brand/oss-earth-undertones
Draft

chore(ui): rebrand the classic UI to the 2026 brand (Earth Undertones)#15750
devGregA wants to merge 1 commit into
devfrom
brand/oss-earth-undertones

Conversation

@devGregA

Copy link
Copy Markdown
Contributor

What this is

The open-source classic UI restyled to Brand Guidelines v1.0 (Aug 2026), joining the four web properties already drafted (status page, docs #15736, trust center, cloud portal). Chrome-level rebrand: tokens, fonts, logo-adjacent chrome; not a redesign.

What changed

  • Primary ramp (components/tailwind.css @theme): Fuji Blue 50-900 becomes Dystopian Orange through step 700, with steps 800/900 as Midnight 1 / Deep Midnight. That split is deliberate: the guide's primary palette pairs Dystopian Orange with Midnight, and 800/900 are exactly the chrome surfaces (sidebar, logo bar). Buttons/hovers ride 500/700 (orange, Electric on hover); the sidebar stays a deep brand chrome instead of turning burnt orange.
  • Links: body links move to the guide's digital-only Accent Blue #234d93 (new --color-dd-link token; a{} in dojo.css re-pointed). Sidebar sub-nav text becomes Daybreak on the dark chrome.
  • Accents: Torii family becomes Dystopian/Electric with a Grunge light variant; dashboard panel-blue becomes Dusk #005f73 (stays distinct from the semantic green/yellow/red panels).
  • Type: @fontsource-variable/inter replaces work-sans (dependency, copy:fonts glob, font stack, committed woff2 files). tailwind-out.css regenerated with yarn build:css.
  • Text: ink token to Charcoal 1 #25282a, muted to the warm gray used across the other properties.
  • Hardcoded blues in checkbox/radio/dropdown/select2 fallbacks re-pointed to the new values.

Deliberately untouched

  • Severity colors (--color-severity-*), badge counts, panel green/yellow/red, and alert reds/ambers: those are data semantics in a vulnerability tool, not brand surface. Critical stays red.
  • Neutral gray canvas/surfaces and borders.
  • All JS; templates except the inline chrome styles/comments in base.html.

Verification

  • yarn install + yarn build:css clean (tailwindcss v4.3.3); lockfile updated for the font swap only.
  • Compiled output verified in-browser via a harness against the real tailwind-out.css + dojo.css: sidebar rgb(0,48,56) Midnight with Deep Midnight logo bar, .btn-primary rgb(255,107,53), body link rgb(35,77,147), Inter Variable active, checked controls orange.
  • Grep audit: zero references left to Fuji hexes, Torii hexes, or Work Sans in the touched files; git diff on tailwind-out.css contains no severity-token changes.

🤖 Generated with Claude Code

Applies Brand Guidelines v1.0 (Aug 2026) to the open-source UI chrome:

- Primary token ramp (components/tailwind.css) moves from Fuji Blue
  to Dystopian Orange, with the chrome steps (800/900: sidebar and
  logo bar) as Midnight 1 / Deep Midnight per the guide's primary
  pairing (Dystopian Orange with Midnight).
- Body links use the guide's digital-only Accent Blue (#234d93) via
  a new --color-dd-link token; sidebar sub-nav text uses Daybreak.
- Accent tokens move to the Dystopian/Electric orange family with a
  Grunge light variant; dashboard panel-blue becomes Dusk.
- Typography: @fontsource-variable/inter replaces work-sans (Inter
  Variable stack; copy:fonts script updated; woff2 files swapped).
- Text token moves to Charcoal 1 (#25282a), muted to the warm gray.
- Checkbox/radio/dropdown/select2 hardcoded blues re-pointed to the
  new tokens' values.

Deliberately untouched: severity colors, badge counts, panel
green/yellow/red, alert reds/ambers (data semantics, not brand),
neutral gray surfaces, all JS, all templates except the inline chrome
styles and comments in base.html.

tailwind-out.css regenerated with yarn build:css (tailwindcss v4.3.3);
yarn.lock updated for the fontsource swap.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@github-actions github-actions Bot added the ui label Aug 20, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant