feat: 扁平化 UI 重构 + 天气/名言/笑话卡片 - #9
Closed
chicogong wants to merge 11 commits into
Closed
Conversation
- Replace gradient backgrounds with solid colors - Remove Neumorphism shadows and effects - Use Tailwind CSS color palette (gray-50, gray-100, etc.) - Simplify light theme with white cards and subtle borders - Dark mode uses pure #111827 background - Reduce visual complexity for cleaner look - Update accent colors to standard blue (#3b82f6) 🤖 Generated with [CodeBuddy Code] Co-Authored-By: CodeBuddy Code
- 背景改为纯白色 (#fff) - 卡片使用浅灰底色 (#fafafa) 配浅边框 - 时钟使用浅灰色作为装饰元素 - 更新背景选项为更柔和的配色 🤖 Generated with [CodeBuddy Code] Co-Authored-By: CodeBuddy Code
- 页面背景从纯白 (#fff) 改为暖白色 (#fffbf5) - 更柔和舒适的视觉效果 🤖 Generated with [CodeBuddy Code] Co-Authored-By: CodeBuddy Code
- light-1 默认为暖白色 (#fffbf5) - light-2 改为纯白色 (#fff) - JS 和 CSS 背景色配置保持一致 🤖 Generated with [CodeBuddy Code] Co-Authored-By: CodeBuddy Code
- initBg() 现在会自动检测主题和背景是否匹配 - Light 模式下如果背景是深色，自动切换为 light-1 - Dark 模式下如果背景是浅色，自动切换为 gradient-1 🤖 Generated with [CodeBuddy Code] Co-Authored-By: CodeBuddy Code
搜索框: - 改为圆角胶囊形状 (border-radius: 20px) - 移除边框，使用半透明背景 - 聚焦时显示蓝色光晕效果 倒计时: - 从列表布局改为网格卡片布局 - 每个倒计时是独立的圆角小卡片 (border-radius: 16px) - 卡片垂直排列：节日名称、日期、天数 - 紧急/即将到来的事件有不同背景色 🤖 Generated with [CodeBuddy Code] Co-Authored-By: CodeBuddy Code
- Increase modal border-radius to 24px for softer appearance - Update form inputs, buttons, todo items to use 12px radius - Improve todo tabs with larger padding and rounded container - Enhance vocab stat cards and display area with consistent radius - Increase settings action buttons and export options to 12px - Background color options now use 12px radius (was 6px) - Scrollbar thumb increased to 6px width with 3px radius - Add hover effects to scrollbar and modal close button - Slightly increase padding throughout for better touch targets 🤖 Generated with [CodeBuddy Code] Co-Authored-By: CodeBuddy Code
New features powered by free APIs: - Weather card (OpenWeatherMap): Shows current weather, temperature, humidity, wind speed with emoji icons. Requires API key in settings. - Daily Quote card (Quotable API): Displays inspiring quotes with author attribution. Has offline fallback quotes. - Joke card (JokeAPI): Shows programming jokes with reveal-on-click punchlines. Has offline fallback jokes. - Dictionary lookup (Free Dictionary API): Added to vocab card, shows phonetics with audio playback and definitions. Technical changes: - Added weatherApiKey to data model for persistent storage - Settings modal now includes API key configuration - All API calls have error handling and fallback content - Responsive 3-column grid layout for new cards 🤖 Generated with [CodeBuddy Code] Co-Authored-By: CodeBuddy Code
Replace OpenWeatherMap with wttr.in for weather data: - No API key registration required - Auto-detects location via IP - Supports Chinese weather descriptions - Removed weatherApiKey from settings and data model - Simplified weather fetch logic 🤖 Generated with [CodeBuddy Code] Co-Authored-By: CodeBuddy Code
|
You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard. |
Owner
Author
|
仓库收口：该 PR 已长期没有当前 Owner、里程碑或与默认分支一致的验收证据，不再作为待合并工作。关闭只改变 PR 状态，不删除分支或提交；若产品重新启用，应从当前默认分支开新分支，选择性迁移仍有效改动并重新跑安全、CI 与真实环境门禁。 |
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.
改动
扁平化设计重构（11 个 commit）：新增天气、名言、笑话卡片与词典查询,优化搜索框/倒计时卡片,天气 API 改用免 key 的 wttr.in。原远程分支曾被删除,本次重新推送保留。
🤖 Generated with Claude Code