feat(themes): app-wide theme system with Appearance tab (20 themes)#14
Merged
Conversation
…es and centralized tokenization - Introduced a new theme system allowing users to select from 12 themes, including dark and light modes. - Replaced hardcoded colors in styles with semantic CSS custom properties for better maintainability and consistency. - Added a theme picker in the Settings → Appearance pane, featuring a hero preview and search functionality. - Implemented persistence of the selected theme using localStorage, ensuring user preferences are retained across sessions. - Updated documentation to include theme management and exceptions for surfaces not affected by the theme system. - Added linting and tokenization scripts to enforce the use of theme tokens in stylesheets. Co-authored-by: Cursor <cursoragent@cursor.com>
… enhance appearance settings - Updated the theme system to support 20 themes, adding new options such as Rosé Pine, Everforest Dark, and GitHub Dark. - Enhanced the Settings → Appearance pane with improved layout and functionality, including a hero preview and search filters. - Refactored CSS to utilize semantic tokens for all themes, ensuring consistency and maintainability across the application. - Added localization support for new themes, updating i18n keys across multiple languages. - Improved the user interface for theme selection, including better spacing and padding in theme cards. Co-authored-by: Cursor <cursoragent@cursor.com>
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.
Summary
blxcode-dark/ BLXCode), persisted viaThemeService+blxcode_theme_v1and applied throughhtml[data-theme]+themes/tokens.css.blxcode-theme-changed.scripts/lint_theme_tokens.sh), contributor rule, docs, and i18n for all theme names/descriptions across 13 locales.Test plan
cargo check -p blxcode-ui --target wasm32-unknown-unknownbash scripts/lint_theme_tokens.shMade with Cursor