Skip to content

Redesign global CSS with West African-inspired warm palette#1

Open
fmadore wants to merge 2 commits intomainfrom
claude/improve-global-css-WytuL
Open

Redesign global CSS with West African-inspired warm palette#1
fmadore wants to merge 2 commits intomainfrom
claude/improve-global-css-WytuL

Conversation

@fmadore
Copy link
Owner

@fmadore fmadore commented Jan 29, 2026

Replace generic blue-grey corporate palette with distinctive warm earth tones:

Light theme:

  • Warm parchment/sand background instead of cold blue-grey
  • Deep warm brown foreground text
  • Rich terracotta primary (deeper, more saturated)
  • Deep indigo accent inspired by Adire cloth
  • Warm taupe borders

Dark theme:

  • Warm charcoal backgrounds (brown undertone, not blue)
  • Cream-tinted text
  • Brighter terracotta for visibility

Chart colors (16) organized by cultural inspiration:

  • Earths & terracottas (4): clay, umber, rust, sand gold
  • Indigos & blues (4): Adire cloth gradients
  • Greens (4): Sahel forest, sage, olive, teal
  • Accents (4): Kente gold, coral, purple, mahogany

Other changes:

  • Increased border-radius to 0.75rem for softer feel
  • Better contrast between background/card layers
  • Warmer sidebar matching the palette

https://claude.ai/code/session_019Y4UUeZk1p2fY9ZeFtNy9c

Replace generic blue-grey corporate palette with distinctive warm earth tones:

Light theme:
- Warm parchment/sand background instead of cold blue-grey
- Deep warm brown foreground text
- Rich terracotta primary (deeper, more saturated)
- Deep indigo accent inspired by Adire cloth
- Warm taupe borders

Dark theme:
- Warm charcoal backgrounds (brown undertone, not blue)
- Cream-tinted text
- Brighter terracotta for visibility

Chart colors (16) organized by cultural inspiration:
- Earths & terracottas (4): clay, umber, rust, sand gold
- Indigos & blues (4): Adire cloth gradients
- Greens (4): Sahel forest, sage, olive, teal
- Accents (4): Kente gold, coral, purple, mahogany

Other changes:
- Increased border-radius to 0.75rem for softer feel
- Better contrast between background/card layers
- Warmer sidebar matching the palette

https://claude.ai/code/session_019Y4UUeZk1p2fY9ZeFtNy9c
Remove cultural theming - just a clean, modern color system:

- Primary: Deep blue (hue 250)
- Accent: Vibrant orange (hue 30) for visual interest
- 16 chart colors: evenly distributed, high contrast, distinct
- Proper light/dark mode contrast ratios
- Removed all "inspired by" comments

https://claude.ai/code/session_019Y4UUeZk1p2fY9ZeFtNy9c
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants