Repository navigation
fix: align components with the design system tokens (v0.3.0) - #3
Merged
Merged
Conversation
- Type scale: text-xs/text-sm in Sidebar and Sheet move to text-12/text-13; chart axis labels go from 10px to 11px. - Colour: no more black/white utilities. Sheet overlay matches Dialog (bg-overlay + blur), danger button and switch thumb use on-accent, video tile label uses the new on-overlay utility, skeleton shimmer uses surface-active so it shows in dark mode. - Motion: durations snap to 120/180/260ms (Sheet 300/500, Sidebar 200). - verify:ds gains three rules (type-scale, no-raw-palette, motion-duration) since Tailwind's default namespaces stay active and compile silently. - Bump to 0.3.0. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
FrekiManagarm
added a commit
that referenced
this pull request
Nov 3, 2026
fix: align components with the design system tokens (v0.3.0)
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
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.
Why
verify:dspassed, but it only checked six rules.styles.cssdoesn't reset Tailwind's default namespaces, sotext-sm,bg-whiteorduration-300still compile quietly, and several had come in with the shadcn components.Changes
Type scale
text-xs/text-smbecometext-12/text-13. Sidebar menu items now matchSidebarNavat 13px.TimeSeriesChart: axis labels go from 10px to 11px, the smallest size on the scale.Colour
bg-black/50becomesbg-overlay+ blur, the same as Dialog.text-whitebecomestext-on-accent. The colour is identical in light and dark.bg-whitebecomesbg-on-accent.text-whitebecomestext-on-overlay. This is a new--color-on-overlayutility, and the--text-on-overlaytoken it maps to already existed.via-black/[.04]becomesvia-active. The shimmer was invisible in dark mode.Motion
duration-[120ms]becomesduration-120.verify:ds: three new rules, each with tests.
type-scale: rejects Tailwind's default text sizes.no-raw-palette: rejects black/white and the default Tailwind palette.motion-duration: only allows 0/120/180/260.Version: 0.2.0 → 0.3.0.
Checks
bun run check-typesbun test(25 tests)bun run verify:dsnpm pack --dry-runAfter merge
The version is already bumped in this PR, so
npm versionmust not run again. Tag the merge commit on main instead:The Release workflow then creates the GitHub release.