Skip to content

feat: restyle the console on HeroUI v3 default tokens and compound primitives - #39

Merged
caigee-cmd merged 3 commits into
mainfrom
redesign/heroui-console
Aug 30, 2026
Merged

caigee-cmd merged 3 commits into
mainfrom
redesign/heroui-console

Conversation

@caigee-cmd

@caigee-cmd caigee-cmd commented Aug 29, 2026 •

Copy link
Copy Markdown
Owner

Summary

Restyle the console onto HeroUI v3 default tokens, then lock selection/radius/type, add skeletons, replace the Overview traffic chart, and strip leftover marketing chrome.

  • Drop the ivory overlay and custom 32px chrome for HeroUI v3 tokens and compound primitives
  • Lock selection to accent-soft, radii to the four-step scale, and type to Outfit + IBM Plex Mono
  • Show HeroUI skeletons on first page load and on refresh or filter fetches
  • Replace the hand-drawn Overview traffic SVG with a lazy Recharts area chart; keep the GSAP line-draw entrance
  • Remove login kickers, always-on status dots, colored left bars, and uppercase micro-labels
  • Sync internal/webui/static so the embedded hashed JS/CSS pair is current

Test plan

  • cd frontend && npm run lint
  • cd frontend && npm run build && npm run sync
  • go test ./...
  • go vet ./...
  • cd worker && npm test
  • No tokens, auth blobs, raw captures, or host details in the diff

- Selection chrome: accent-soft everywhere (tabs, pagination, tiles, radio,
  switch) with the two allowed index.css glues; no Tabs.Indicator
- theme-color now follows light/dark at runtime (#F5F5F5 / #060607)
- Radius scale locked to 3xl / field / xl / lg; no rounded-md stragglers
- Typography locked to Outfit + IBM Plex Mono with the DESIGN.md scale
- Brand kit (favicon, og-card, manifest, apple-touch) moves from violet /
  ivory to ink bolt + cyan dot on neutral gray
- DESIGN.md rewritten as taste v1: token table with light approximations,
  selection matrix, radius scale, type scale, hard-coded-hex allowlist
- CHANGELOG bilingual entries; static assets resynced
Show HeroUI skeletons on first load and refresh/filter fetches, replace the Overview traffic SVG with a lazy Recharts chart, and remove login kickers, status-dot halos, colored left bars, and uppercase micro-labels.
@caigee-cmd
caigee-cmd merged commit 0bb9eab into main Aug 30, 2026
6 checks passed
@caigee-cmd
caigee-cmd deleted the redesign/heroui-console branch September 19, 2026 15:02
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