web-ui: Beautiful UI foundation — tokens, fonts, styles scaffold - #1053
Open
time-attack wants to merge 1 commit into
Open
web-ui: Beautiful UI foundation — tokens, fonts, styles scaffold#1053time-attack wants to merge 1 commit into
time-attack wants to merge 1 commit into
Conversation
Defines the Beautiful UI palette (page / canvas / surface / inset / ink / line / field, blue / green / orange / red with tint and ink variants, tooltip colours), the 6/8/10/14 px radius scale, the strong ease and the shared keyframes in shell.css, and maps the existing shadcn tokens onto it so every surface recolours consistently in light and dark. Self-hosts Inter and JetBrains Mono (latin subsets, OFL notice) through Vite. Creates one src/styles/<component>.css per upcoming primitive, each imported from shell.css and scanned by the css-vars guardrail. Imported custom themes emit the same tokens. Adds the shared jsdom harness the component tests use, and teaches the brand guard to skip font binaries the way it skips images.
This was referenced Sep 10, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Defines the Beautiful UI palette (page / canvas / surface / inset / ink / line /
field, blue / green / orange / red with tint and ink variants, tooltip colours),
the 6/8/10/14 px radius scale, the strong ease and the shared keyframes in
shell.css, and maps the existing shadcn tokens onto it so every surface
recolours consistently in light and dark. Self-hosts Inter and JetBrains Mono
(latin subsets, OFL notice) through Vite. Creates one src/styles/.css
per upcoming primitive, each imported from shell.css and scanned by the css-vars
guardrail. Imported custom themes emit the same tokens. Adds the shared jsdom
harness the component tests use, and teaches the brand guard to skip font
binaries the way it skips images.
Demo
Light and dark toggled on a live conversation: the palette, Inter and JetBrains Mono, and the shared radius scale recolour every surface consistently.
Verification
Typecheck, the full
plugins/web-uisuite, eslint and prettier pass at this level of the stack (each level is verified on its own, on top of the previous one). Live QA of the finished stack ran in a browser-onlydev-instanceagainst a seeded conversation (tool run, markdown table, TypeScript and diff fences, a pending approval, ⌘K, list pages, settings), in light and dark and at phone width.Stack
Merge in order; each PR is based on the one above it and retargets automatically when its base merges.