Skip to content

Style/update fonts and colors#1065

Open
liviolanda wants to merge 6 commits into
mainfrom
style/update-fonts-and-colors
Open

Style/update fonts and colors#1065
liviolanda wants to merge 6 commits into
mainfrom
style/update-fonts-and-colors

Conversation

@liviolanda

Copy link
Copy Markdown
Collaborator

Summary

  • Replace Mona Sans and EB Garamond with DM Sans for unified, modern typography
  • Update light theme to warm color scheme (beige/cream palette) for a cozy feel
  • Update dark theme to neutral color scheme (gray palette) for balance
  • Adjust accent color to #f8f1eb for subtle, warm highlights on interactive elements

Visual Changes

  • Light mode: Warm beige and cream tones throughout
  • Dark mode: Cool neutral grays (no blue undertones)
  • Font: DM Sans for all text (body, headings, and UI elements)
  • Accent: Light warm beige (#f8f1eb) for selected/active states

Testing

The changes have been verified in the preview with both light and dark themes applied.

Livia Holanda and others added 4 commits July 6, 2026 11:14
- add self-hosted fonts: Mona Sans (body), Mozilla Text (headings), Space Mono (code)
- introduce full light and dark color palette with a cohesive slate dark theme
- fix dark-mode border visibility across form controls (input, select, switch, toggle, etc.)
- make chat-input font size responsive and match its background/outline to slate
- darken the user message bubble slightly in light mode
- remove sidebar section dividers
- Remap Tailwind --color-white to #fafafa and --color-black to #1a2329
  so nothing renders as #ffffff/#000000; apply the same in provider-icon
  SVG fills and theme-provider hardcoded colors
- Swap heading font from Mozilla Text to EB Garamond and drop DM Sans
  from the body stack
- Set explicit 14px on chat message bubbles
- Restyle skill-form Description/Instructions labels (responsive 14px,
  new foreground colors)
- Replace Mona Sans and EB Garamond with DM Sans for unified typography
- Update light theme to warm color scheme (beige/cream palette)
- Update dark theme to neutral color scheme (gray palette)
- Adjust accent color to #f8f1eb for subtle, warm highlights

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
@liviolanda liviolanda requested a review from cjroth July 8, 2026 14:38
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.

1 participant