Obsidian的配置与美化 V2(三)——Maple主题与四色全局配色
V1 的视觉方案主要依靠独立 CSS Snippet:Dashboard 一套、代码块一套、Dataview 一套、大纲和任务页面再各一套。单看某个页面很好看,但整个应用缺少共同的颜色、边框和交互语言。
V2 改成两层结构:Maple 负责整个 Obsidian 的组件形态,Bedic Workbench 负责全局色彩和工作台语义。
为什么选择 Maple
Maple 1.5.2 已经覆盖了主题最适合处理的部分:
- 卡片式工作区和渐变背景;
- 标签页、状态栏、菜单、弹窗和设置页;
- 文件树图标、滚动条与搜索界面;
- 编辑器排版、表格、代码块和标题层级;
- 浅色与深色模式下的组件结构;
- Style Settings 可调选项与适度的动画。
这些都属于“整个应用应该保持一致”的基础设施。如果重新用一大份 CSS 从零覆盖,不仅工作量大,Obsidian 更新后也更容易失效。
因此 V2 不复制另一个人的完整 Vault,也不把 Maple 魔改成只能服务一张 Dashboard。Maple 保持为可替换的结构层,关闭它之后,Markdown、Properties、Bases 和所有工作流仍然存在。
Bedic Workbench 负责什么
Maple 的通用主题不知道我的 Blog、Project、发布流程和首页组件分别意味着什么。bedic-workbench.css 只补这两类信息:
- 把选中的 Bedic 配色映射到 Obsidian 全局变量;
- 为 Homepage 和发布控件提供有语义的布局、颜色和装饰。
它会同时改变窗口、Ribbon、文件树、标签页、普通笔记、Bases、Properties、表格、菜单、弹窗、输入框、状态栏和所有结构边框。切换配色时,不会再出现“Homepage 已经变白,左侧边栏还是黑色”这种割裂。
两套浅色与两套深色方案
| 方案 | 模式 | 主画布与表面 | 主信号色 | 气质 |
|---|---|---|---|---|
| 海盐珊瑚 | 浅色 | 冷灰蓝画布、近白卡片 | 珊瑚红 | 清爽、编辑感强,也是默认方案 |
| 苔园柑橘 | 浅色 | 植物灰绿、暖白卡片 | 苔绿 | 柔和、有自然感,适合长时间阅读 |
| 极光蓝图 | 深色 | 夜蓝画布、蓝黑卡片 | 亮青 | 像仪器面板,层级清晰 |
| 夜航琥珀 | 深色 | 墨紫画布、深紫卡片 | 琥珀黄 | 温暖、安静,适合夜间写作 |
在 Style Settings 的 Bedic Workbench 区域选择方案后,整套应用会立即切换,不需要手改 CSS,也不需要重新启动。
卡片颜色不是随机彩虹
Homepage 中不同面板确实有不同颜色,但颜色跟功能绑定:今日焦点使用橙色提示,专注计时器使用红色,快速入口使用青色,Projects 使用蓝色,发布流程使用绿色。边框、标题圆点、角落装饰和淡色背景都从同一个语义色派生。
这种做法的目的不是让页面更花,而是让眼睛更快区分工作区域。普通文章仍然保持克制的阅读色阶,不会把每个标题和文件夹都染成无意义的彩虹。
边框与装饰语言
V2 的识别元素是 Bed Vault orbit 和 binding diagram:
- 顶部
Bed标识旁有本地 CSS 绘制的双环节点; - Hero 使用较长的注册角线;
- 每张工作卡片使用短裁切角;
- 标题右侧使用三个小节点组成的轨道;
- 页面底部用带端点的细线收束。
它们都由 CSS 绘制,不请求远程图片,也不增加可点击节点。装饰不会改变内容数据,更不会成为打开笔记的前置条件。
中文排版和代码排版分开处理
界面和正文优先使用本地可用的中文无衬线或衬线字体;代码与数据才使用 Maple Mono、JetBrains Mono 或 Cascadia Code。这样既保留代码块的技术感,也不会让中文正文出现生硬的等宽字形。
普通笔记继续使用适合长文阅读的窄行宽,只有 Dashboard 扩展到响应式的 1760px。美化不等于让所有页面都铺满屏幕。
浅色主题需要真正检查可见性
仅仅修改背景变量并不够。浅色方案曾遇到两个真实问题:Maple 保留的深色类让 Callout 使用了不合适的混合模式,导致文字像被漂白;后台动画节流又可能让以透明度 0 开始的卡片停留在不可见状态。
最终方案为浅色 Callout 恢复正常混合方式,并让面板进入动画不再从完全透明开始。编辑器当前行颜色也跟随调色板,而不是继承固定的深色填充。视觉方案必须在真实 Obsidian 中验证,不能只看 CSS 变量表。
动效的边界
面板只在进入时轻微出现,卡片和按钮只在悬停时上浮,按钮按下时短暂压缩,导航链接显示方向箭头,计时器只在运行时呼吸。Vault orbit 是唯一持续的环境动画。
系统开启“减少动态效果”后,所有动画和过渡都会停止。按钮和链接仍保留清晰的键盘焦点,主要操作目标不小于 44×44px。
如果主题更新出现问题,可以直接切换到已经保留的 Minimal 或 Obsidian 默认主题,并关闭 Bedic Workbench。这个回滚只改变外观,不需要恢复笔记。
上一篇:Obsidian的配置与美化 V2(二)——目录结构与新版笔记属性
下一篇:Obsidian的配置与美化 V2(四)——插件分工与一键创建工作流