feat: i18n (EN/ES) + theme selector (light/dark/system), tokens, and panel theming #1
Conversation
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
…and apply to panel background - extend settings hook with theme synced state and dropdown - apply theme to panel fill with system fallback to isDarkMode flag - typecheck and build pass
…eader, text) - add theme tokens module (light/dark) and resolver - wire tokens in ChecklistPanel for bg/stroke/header/text colors - prep components for theming (no behavior change yet) - typecheck and build pass
…kens in ProgressBar - extend Checkbox, ProgressBar, ProgressTracker props with optional colors - use provided colors in primitives; fallback to existing colors - apply tokens from panel to ProgressBar (track/fill) - typecheck and build pass
- thread theme colors into ChecklistSection and ChecklistItem - add optional color prop to WcagBadge and wire from theme - pass checkbox/progress/badge colors from panel to sections - fix ChecklistItem JSX and integrate optional color overrides - typecheck and build pass
marklearst
changed the title
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.
Summary
Adds internationalization (EN/ES), a theme selector (light/dark/system), and a token-based theming system applied across the widget UI.
Also includes a small UX toggle to hide completed items.
Changes
useSyncedStateProgressBarthemed via tokens;ProgressTracker/Checkboxaccept optional color overridesSection/Item/Badgereceive and use theme colors; WCAG badge supportscolorpropQA
npm run tsc)npm run build)npm run lint)Notes
isDarkModeflag.ui.htmlpostMessage.Screenshots
N/A — widget visuals updated to reflect theme.