* [AI] Add baseTheme and overrideCss support to custom theme system
Add baseTheme field to InstalledTheme allowing users to choose which
built-in theme (light/dark/midnight) serves as the base for custom
themes. Add overrideCss field for layering additional CSS overrides
on top of a catalog theme's CSS.
ThemeStyle now respects the baseTheme field when rendering base
variables. CustomThemeStyle renders both cssContent and overrideCss
layers.
https://claude.ai/code/session_01PPAkAQB4xfeFCQbmNwvn2k
* [AI] Add base theme selection and CSS override layering for custom themes
- Add baseTheme field to CatalogTheme and InstalledTheme types, allowing
catalog themes to declare which built-in theme (light/dark/midnight) they
are based on
- Add overrideCss field to InstalledTheme for layering additional CSS
overrides on top of a catalog theme
- Update ThemeStyle to render the correct base theme colors when a custom
theme specifies a baseTheme
- Update CustomThemeStyle to render both cssContent and overrideCss layers
- Update ThemeInstaller UI: catalog selection and free-text CSS now coexist
so users can pick a catalog theme (e.g. Matrix) and apply extra overrides
- Add baseTheme to all entries in customThemeCatalog.json
- Dynamic label: shows "Additional CSS overrides:" when a catalog theme is
selected, "or paste CSS directly:" otherwise
https://claude.ai/code/session_01PPAkAQB4xfeFCQbmNwvn2k
* [AI] Remove baseTheme from catalog; derive base from mode instead
Base theme is now automatically determined from the catalog theme's
mode field: light mode themes use "light" as base, dark mode themes
use "dark" as base. No separate baseTheme field needed in catalog.
https://claude.ai/code/session_01PPAkAQB4xfeFCQbmNwvn2k
* Refactor ThemeInstaller to handle pasted CSS more gracefully
* Enhance ThemeInstaller and CustomThemeStyle to support CSS validation for both content and overrides. Refactor pasted CSS handling for improved clarity and efficiency.
* Implement validateAndCombineThemeCss function to streamline CSS validation and combination for light and dark themes in CustomThemeStyle. Refactor existing CSS handling to improve clarity and efficiency.
* Add cachedCatalogCss state to ThemeInstaller for improved CSS handling
* Update ThemeInstaller tests to ensure pasted CSS is preserved when a catalog theme is selected and modify onInstall behavior to correctly handle empty CSS content. Refactor test cases for clarity and accuracy.
* Enhance ThemeInstaller to support dynamic baseTheme selection based on catalog theme or user preference. Refactor CSS installation logic to prioritize selected catalog themes and improve handling of pasted CSS. Update dependencies in the installTheme function for better clarity and functionality.
---------
Co-authored-by: Claude <noreply@anthropic.com>
