cli + tui to publish to leaflet (wip) & manage tasks, notes & watch/read lists 馃崈
charm
leaflet
readability
golang
1---
2title: Design System
3sidebar_label: Design System
4description: Color palette guidance that keeps the terminal UI cohesive.
5sidebar_position: 4
6---
7
8# Design System
9
10## Color Palette and Design System
11
12Noteleaf uses a carefully chosen color palette defined in `internal/ui/palette.go`:
13
14**Brand Colors**:
15
16- **Malibu** (`#00A4FF`): Primary blue for accents and highlights
17- **Julep** (`#00FFB2`): Success green for completed items
18- **Sriracha** (`#EB4268`): Warning red for urgent/error states
19- **Tang** (`#FF985A`): Orange for warnings and attention
20- **Lichen** (`#5CDFEA`): Teal for informational elements
21
22**Neutral Palette** (Dark to Light):
23
24- **Pepper** (`#201F26`): Dark background
25- **BBQ** (`#2d2c35`): Secondary background
26- **Charcoal** (`#3A3943`): Tertiary background
27- **Iron** (`#4D4C57`): Borders and subtle elements
28- **Oyster** (`#605F6B`): Muted text
29- **Smoke** (`#BFBCC8`): Secondary text
30- **Salt** (`#F1EFEF`): Primary text in dark mode
31- **Butter** (`#FFFAF1`): Light background
32
33This palette ensures consistency across all UI components and provides excellent contrast for readability in terminal environments.