配色方案入门：为 Codex 主题选择配色

好的配色方案能改变你的编码体验。太亮，眼睛疲劳。太暗，错过细节。正确的调色板取得平衡——减少疲劳同时保持内容可读。

配色方案的结构

每个 Codex 主题使用核心调色板：

• 背景：代码后面的画布
• 前景：文本和 UI 元素
• 强调色：高亮、选择和交互状态
• 语法颜色：关键字、字符串、注释、数字

改变一个，你就能感受到变化。改变全部五个，你就得到一个完全不同的编码环境。

选择背景

背景定下基调。常见选择：

• 近黑 (#0d1117)：高对比度，开发者流行。与亮强调色配合良好。低光下可能刺眼。
• 深灰 (#1e1e1e)：VS Code 标准。平衡、中性，长时间使用对眼睛友好。
• 暖棕 (#2c1e1e)：不常见，但有些人觉得比纯黑更护眼。适合夜间编码。
• 浅色选项 (#ffffff, #f5f5f5)：适合白天或明亮房间。亮屏上可能产生眩光。

配合良好的强调色

强调色出现在选择、活动标签和关键 UI 元素中。它们应该：

• 可见但不压倒一切
• 与语法高亮不同
• 在整个界面中保持一致

流行选择：蓝色 (#58a6ff)、青色 (#39c5cf) 或绿色 (#3fb950)。它们在深色和浅色背景上都适用。

语法颜色和谐

语法颜色需要可区分但不冲突。一个好测试：眯眼看向屏幕。如果颜色融合在一起，增加对比度。如果它们相互冲突，降低饱和度。

提交前试用

Codex Skin Studio 允许你实时预览更改。测试你的调色板：

• 打开包含混合内容（代码、注释、字符串）的文件
• 调整颜色并观察预览
• 在不同亮度级别检查可读性
• 感觉对了就保存

常见问题