Claude ee6ab3362d feat: Add comprehensive theme editor with live preview ...

Implements a powerful theme creator and editor with the following features:

- **Live Preview**: Toggle real-time theme preview with Eye/EyeOff button
- **Modern Color Pickers**: HSL color pickers for all theme properties
- **Organized Sections**: Tabbed interface with Core Colors, Syntax, Scrollbar, and Gradient tabs
- **Accordion Groups**: Core colors organized by purpose (Surfaces, Interactive, Forms, Status, Nostr-specific)
- **Base Theme Selection**: Start from any built-in theme (Dark, Light, Plan 9)
- **Import/Export**: JSON export/import for theme portability
- **Metadata Editing**: Edit theme ID, name, description
- **Save Functionality**: Save custom themes to localStorage
- **Reset**: Reset to base theme with confirmation

Technical implementation:
- Added `react-colorful` for HSL color picking
- Added `@radix-ui/react-select` for dropdown selects
- Created `ThemeEditor` component with full color management
- Created `select.tsx` UI component following Radix pattern
- Added `theme-editor` command to man pages
- Added `theme-editor` appId to WindowRenderer
- All 838 tests passing, build successful

Usage: Run `theme-editor` command to launch the editor

2026-01-14 21:51:45 +00:00

3.7 KiB

Raw Permalink Blame History

View Raw