feat:Add light theme toggle in the settings tab#164
Open
huangzhenhao90 wants to merge 2 commits into
Open
Conversation
- 新增 light-theme-backup 目录包含完整的亮色主题配置 - 提供一键切换脚本 apply-light-theme.sh - 包含亮色版本的 styles.css 和 claudeSyntaxTheme.ts - 自动备份原始暗色主题文件 - 添加详细的中英文使用说明文档 - 优化了界面对比度和可读性 功能特点: - 清爽的白色/亮色界面设计 - 保持代码块深色背景以便阅读 - 高对比度按钮和控件设计 - 完整的主题切换和恢复机制
- Add ThemeContext for centralized theme management - Implement dynamic theme switching in Settings with English labels - Add light syntax theme for code editor - Update all components to support both light and dark themes - Fix Switch component visibility in dark theme - Add persistent theme storage in Claude settings - Clean up temporary backup files The theme toggle is now available in Settings > General > Light Theme and supports real-time switching between light and dark modes.
huangzhenhao90
changed the title
huangzhenhao90
changed the title
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Add Dynamic Light/Dark Theme Toggle
🎨 Overview
This PR adds a dynamic theme switching functionality to Claudia, allowing users to toggle between light and dark modes seamlessly.
✨ Features
🔧 Implementation Details
ThemeContextfor centralized theme managementuseSyntaxThemehook for code editor theme switching📱 Usage
Users can now toggle themes via Settings > General > Light Theme switch.
🧪 Testing