spencrmartin 2559bca02a feat: Add split-panel live preview to Custom Colors tab ...

- Implement 40/60 split layout: Color pickers (left) + Live preview (right)
- Create ColorPreview component showing in-situ usage examples
- Each color category shows relevant UI components:
  - Backgrounds: Cards, chat messages, sidebar, panels
  - Text: Typography samples, headings, body text
  - Borders: Inputs, dividers, card borders
  - Ring: Focus states on buttons and inputs
- Selected color highlights with border and background
- Empty state with instructions when no color selected
- Real-time preview updates as colors change
- Improved UX: Users can see exactly where colors are used

Component showcases:
- Primary background: Chat messages, main areas
- Secondary background: Sidebar, cards
- Tertiary background: Nested panels, hover states
- Text colors: Headings, body, labels, semantic states
- Border colors: Cards, inputs, dividers
- Ring colors: Focus indicators

This makes theme customization much more intuitive and powerful!

2026-02-13 11:11:30 -05:00

..

desktop

feat: Add split-panel live preview to Custom Colors tab

2026-02-13 11:11:30 -05:00

install-link-generator

Add Pieces for Developers MCP server to the extensions library (#2074)

2025-04-26 10:49:01 -04:00