Skip to content

feat: 暖色主题系统 + 配置页重设计 + tiktoken/端口修复 - #14

Open
mindfn wants to merge 1 commit into
clowder-labs:developfrom
mindfn:feat/ui-theme-and-fixes
Open

feat: 暖色主题系统 + 配置页重设计 + tiktoken/端口修复#14
mindfn wants to merge 1 commit into
clowder-labs:developfrom
mindfn:feat/ui-theme-and-fixes

Conversation

@mindfn

@mindfn mindfn commented Mar 24, 2026

Copy link
Copy Markdown

Summary

  • 暖色主题系统:5 套主题(amber/ocean/forest/glass/iOS)x 明暗模式,CSS 变量驱动
  • 配置页 Apple Settings 风格重设计:语义化 CSS 类、三级缩进层级、0.5px 极细分割线、胶囊输入框
  • tiktoken SSL 修复:app.py / react_agent.py 在 import 前预设 TIKTOKEN_CACHE_DIR
  • 端口规范化:vite 5173→4003, backend 19000→4005,支持环境变量覆盖
  • .gitignore 添加 .tiktoken/ 缓存目录

改动文件

文件 改动说明
index.css +1200 行主题 CSS 变量 + 组件样式
ConfigPanel/index.tsx Tailwind 硬编码 → 语义化 CSS 类 + data-tone
App.tsx / App.css 主题切换集成
app.py / react_agent.py tiktoken 缓存预设
app_web.py / vite.config.ts 端口环境变量化
en.json / zh.json 配置面板 i18n

Test plan

  • Windows 机器拉取后 npm run build 无报错
  • 启动服务后配置页展示正常(三级嵌套层级、胶囊输入框)
  • 主题切换(明/暗 + 5 套主题)正常
  • 发送消息不再报 tiktoken SSL 错误
  • 前端端口 4003 / 后端端口 4005 正常工作

[宪宪/Opus-46🐾]

🤖 Generated with Claude Code

1. UI 主题系统:5 套主题(amber/ocean/forest/glass/iOS)x 明暗模式
   - CSS 变量驱动,100+ 语义化变量
   - 暖色 amber 为默认主题
2. 配置页 Apple Settings 风格重设计
   - ConfigPanel 去除 Tailwind 硬编码,改为语义化 CSS 类 + data-tone
   - 三级嵌套通过缩进区分层级(非色块叠加)
   - 0.5px 极细分割线 + 胶囊输入框
   - i18n 配置面板翻译(zh/en)
3. tiktoken SSL 修复
   - app.py / react_agent.py 在 import 前预设 TIKTOKEN_CACHE_DIR
   - 避免运行时联网下载编码文件
4. 端口配置规范化
   - vite.config.ts: 5173→4003, 19000→4005
   - app_web.py: 支持 FRONTEND_PORT/WEB_PORT 环境变量
5. .gitignore 添加 .tiktoken/ 缓存目录

[宪宪/Opus-46🐾]

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.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.

1 participant