主题与个性化
WesCraft 提供灵活的主题定制能力，支持暗色/亮色模式、品牌色自定义、字体设置等，打造符合个人偏好的工作环境。
暗色与亮色模式
WesCraft 支持三种显示模式：
| 模式 | 说明 |
|---|---|
| 暗色模式 | 深色背景，护眼，适合夜间使用 |
| 亮色模式 | 浅色背景，清晰，适合日间使用 |
| 跟随系统 | 自动跟随操作系统的外观设置 |
切换方式：在「设置 → 外观」中选择偏好，切换即时生效，无需重启。
品牌色自定义
WesCraft 基于 Design Token 体系，支持通过 CSS 变量自定义品牌色：
| Token | 用途 |
|---|---|
--color-primary | 主色调，用于按钮、链接、选中状态 |
--color-accent | 强调色，用于重要提示和焦点元素 |
--color-surface | 背景色层级（surface / surface-2 / surface-3） |
--color-text | 文字色（text / dim / muted） |
--color-border | 边框色（border / border-hi） |
WesCraft 提供数种预设品牌色方案（默认蓝、深绿、紫色、橙色），可在「设置 → 外观 → 品牌色」中选择或自定义。
字体设置
界面字体
WesCraft 默认使用 Noto Sans SC 作为界面字体，你可以修改字体族、字号和字重。
编辑器字体
Block 编辑器支持独立的字体设置：
- 正文字体：用于一般段落
- 代码字体：用于行内代码和代码块，默认等宽字体
- 标题字体：可与正文使用不同字体
布局偏好
- 侧边栏：支持拖拽调整宽度，快捷键收起/展开
- 页面宽度：窄版（适合阅读）/ 宽版（适合表格）/ 自适应
- 行间距：紧凑 / 舒适 / 宽松
- Tab 样式：图标+文字 / 仅图标 / 仅文字
Design Token 体系
WesCraft 使用语义化的 Design Token 系统，而不是直接使用颜色值。这意味着：
- 切换主题时所有组件自动适配
- 自定义品牌色时只需修改少量 Token
- 第三方扩展也能正确响应主题变化
圆角规范
| 元素 | 圆角值 |
|---|---|
| 输入框 / 头像 | rounded（4px） |
| 卡片 / 列表项 | rounded-md（12px） |
| 弹窗 / 下拉菜单 | rounded-lg（16px） |
自定义的主题配置可以导出为 JSON 文件，在多台设备间同步。
相关文档
- 设置 →
settings.md - Block 编辑器 →
block-editor.md - 快捷操作 →
shortcuts.md - 工作区 →
workspace.md