Skip to content

PatternFly-modeled theme, light and dark - #172

Merged
epheo merged 2 commits into
mainfrom
feat/patternfly-theme
Sep 2, 2026
Merged

PatternFly-modeled theme, light and dark#172
epheo merged 2 commits into
mainfrom
feat/patternfly-theme

Conversation

@epheo

@epheo epheo commented Sep 2, 2026

Copy link
Copy Markdown
Owner

The picked direction from the design canvas, implemented as tokens + type + shapes (no framework adoption):

  • PF6 palette transcribed into the semantic token blocks, light and dark; every ink/surface pair validated numerically (body 14.8–18.3:1, secondary ≥5:1, labels 6–10:1 inside).
  • The chrome is the identity: black masthead and dark console rail in BOTH themes (new side-* tokens), blue active-item bar, while the workspace flips with the theme.
  • PatternFly label anatomy for status: outlined pills — tinted fill, border from the dot color, dark status ink — via TONE_PILL, so every badge in the app changes at once.
  • PF6 shapes: pill primary buttons, 3px tab underline; Red Hat Text/Mono bundled via fontsource (clusters get no CDN fetch); tabular-nums on tables and Red Hat Mono for IPs/digests (the agreed amendment).
  • Charts move to the PF series colors in both themes.

Fixture suite 46/46 with the axe gates green in both themes.

Live validation on hetznet: pending, posted before merge.

🤖 Generated with Claude Code

https://claude.ai/code/session_01B2CJp2mhGv61yHsQQqstGP

PF6 palette and anatomy on the semantic tokens: black masthead, dark
console rail (one PF-dark family in both themes, accent bar on the
active row), PF blue, outlined pill status labels, pill primary
buttons, 3px tab underline. Red Hat Text/Mono bundled locally (no CDN
in clusters); tables set tabular numerals. Every ink/surface pair
validated numerically per theme.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01B2CJp2mhGv61yHsQQqstGP
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01B2CJp2mhGv61yHsQQqstGP
@epheo

epheo commented Sep 2, 2026

Copy link
Copy Markdown
Owner Author

Live on hetznet (rc.5): smoke 6/6 in the new theme; Red Hat Text confirmed served from the bundle (document.fonts.check true — no CDN fetch); light and dark screenshots against real data attached to the run. Dark shows the intended anatomy: black masthead, constant dark rail with the blue active bar, outlined status labels, PF blue selection on the peeked row.

@epheo
epheo merged commit 9bdd8b5 into main Sep 2, 2026
8 checks passed
@epheo
epheo deleted the feat/patternfly-theme branch September 2, 2026 13:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant