主题系统
DriFox v0.3.1/v0.3.7 引入全面的动态主题系统，共 21 套主题。
主题列表
主题 |
色系 |
风格 |
|---|---|---|
amber |
琥珀色 |
暖色深色 |
azure |
天蓝色 |
冷色深色 |
bordeaux |
波尔多红 |
暖色深色 |
cloud |
云朵白 |
浅色（新增） |
crema |
奶油色 |
暖色深色 |
daylight |
日光白 |
浅色（新增） |
fallout |
废土绿 |
特殊深色 |
forest |
森林绿 |
冷色深色 |
graphite |
石墨灰 |
中性深色 |
jade |
翡翠绿 |
冷色深色 |
laven |
薰衣草 |
浅色（新增） |
lumia |
荧光蓝 |
特殊深色 |
meadow |
草甸绿 |
浅色（新增） |
midnight |
午夜蓝 |
冷色深色 |
minta |
薄荷绿 |
浅色（新增） |
obsidian |
黑曜石 |
中性深色 |
ocean |
海洋蓝 |
冷色深色 |
pearl |
珍珠白 |
浅色（新增） |
rosee |
玫瑰粉 |
浅色（新增） |
sakura |
樱花粉 |
暖色深色 |
slate |
石板灰 |
浅色（新增） |
功能特性
组件级主题感知 — 所有 UI 组件（卡片、设置、tooltip 等）实现主题感知样式
Pygments 语法高亮适配 — 代码高亮在深色/浅色主题下自动切换配色
实时切换 — 切换主题无需重启应用，所有组件即时刷新
统一 tooltip 字号管理 — 主题变更时同步刷新所有 tooltip
图标自适应 — 图标尺寸随系统字体大小自动缩放适配
使用方式
通过 /theme 命令或在设置面板中选择主题。
端到端示例：实时主题切换
步骤 |
用户操作 |
系统响应 |
|---|---|---|
1 |
输入 |
AI 解析命令 |
2 |
— |
UIEngine 加载 ocean 主题配置 |
3 |
— |
所有组件刷新（聊天窗口、消息卡片、tooltip） |
4 |
— |
Pygments 切换为深色主题代码配色 |
5 |
界面已切换为海洋蓝风格 |
主题变更完成，无需重启 |
它不是什么
不是 CSS 换肤 — 主题系统是组件级感知的，每个组件主动响应主题变更，而不只是全局 CSS 变量替换
不是重启生效 — 所有主题切换即时生效，无需重启应用
不是只有颜色 — 主题还控制字体大小、间距、图标尺寸等视觉参数
设计哲学
为什么 DriFox 要做 21 套主题，而不是简单的亮/暗切换？
开发者审美是多元的 — 有人喜欢冷色深色（midnight），有人喜欢暖色深色（amber），有人喜欢浅色（pearl）——主题不是非黑即白
主题影响效率 — 合适的配色减少视觉疲劳，代码高亮在不同主题下的可读性直接影响编码体验
组件级感知 — 简单的 CSS 换肤会导致某些组件突兀，组件级感知确保每个 UI 元素都适配当前主题
实时切换 — 开发者在白天和夜晚可能需要不同的主题，实时切换让这种转换自然无感