Skip to content

Conversation

jaybarlow
Copy link

Summary

This PR adds theme selector functionality to the MCP-enhanced version of Claudia.

Features Added

  • Theme Selector: Light/dark mode switching with persistent preferences
  • Enhanced UI: Clean theme toggle component in the topbar
  • Improved Syntax Highlighting: Updated Claude syntax themes for both modes
  • Persistent Settings: Theme preference saved across app restarts

Changes

  • Added ThemeSelector.tsx component with toggle functionality
  • Added ThemeContext.tsx for global theme state management
  • Updated styles.css with light/dark mode support
  • Enhanced syntax highlighting themes in claudeSyntaxTheme.ts
  • Updated multiple components to support theme switching
  • Updated bun.lock with new dependencies

Attribution

Testing

  • Theme switching works correctly in both light and dark modes
  • Theme preference persists across app restarts
  • All existing MCP functionality preserved
  • No conflicts with enhanced command execution
  • App builds and runs successfully

Screenshots

You can add screenshots here showing the theme selector in action

This builds on the excellent MCP command execution improvements already present in this repository, adding a polished UI enhancement for better user experience.

References: winfunc#89

dmahlow and others added 4 commits July 1, 2025 12:33
- Add theme context provider for global theme state management
- Implement theme selector component with moon/sun icons
- Add dynamic theme switching with localStorage persistence
- Update CSS to support both light and dark color schemes
- Enhance syntax highlighting with theme-aware color palettes
- Integrate theme selector into top navigation bar
- Update all markdown editors to use dynamic theme modes
- Improve dark mode contrast for better accessibility

Features:
- Toggle between light and dark themes
- Persistent theme preference storage
- System preference detection on first visit
- Theme-aware syntax highlighting
- Better contrast in dark mode vs original low-contrast design
Merge theme selector feature from upstream PR winfunc#89

Adds light/dark mode theme switching capabilities# the commit.
- Theme selector: light/dark mode switching (credit: @dmahlow from PR winfunc#89)
- MCP enhancements: improved command execution (credit: @NeuralEmpowerment from 0ba930e)
- Integration work: resolved conflicts and ensured compatibility

Co-authored-by: dmahlow <dmahlow@users.noreply.github.com>
Co-authored-by: NeuralEmpowerment <neuralempowerment@users.noreply.github.com>
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