feat: DevTools design system (theme/devtools/) — IDE-inspired dark theme #60
Description
Summary
New design system: DevTools (theme/devtools/) — dark-first, high-density theme inspired by JetBrains Int UI. Targets IDE-like applications, monitoring dashboards, and developer tools.
Scope
- Color palette: dark-first (#2B2D30 base), muted accents, compact spacing
- Typography: 13px base (Inter UI + JetBrains Mono code font)
- 20 painters for all existing widgets (buttons, inputs, tabs, tree, table, toolbar, etc.)
- Multi-color icon support + 25 IDE-specific icons
- Custom TitleBar widget for frameless window chrome
- JetBrains Mono font embedded (Apache 2.0)
Tasks
| Task | Description |
|---|---|
TASK-UI-071 |
Foundation: colors, typography, JetBrains Mono, theme struct |
TASK-UI-072 |
Core painters (9 widgets) |
TASK-UI-073 |
Enterprise painters (6 widgets) |
TASK-UI-074 |
Specialized painters (5 widgets) |
TASK-UI-075 |
Integration, gallery, example, docs |
TASK-UI-076 |
Multi-color icons + DevTools icon set |
TASK-UI-077 |
Custom TitleBar widget |
Design References
- JetBrains Int UI (New UI) — visual language
- JetBrains Jewel (Compose Desktop implementation)
- 4th design system alongside Material3, Fluent, Cupertino