Obsidian 设置豆沙绿护眼色（CSS 代码片段）

Obsidian 默认的纯白背景长时间使用容易刺眼。通过一段简单的 CSS，可以给整个界面换上柔和的豆沙绿护眼配色，让长时间写作更舒服。

操作步骤

1. 进入外观设置

打开 Obsidian，进入【设置】→【外观】，把页面拉到最下方，找到CSS 代码片段区域。

2. 打开代码片段文件夹

点击 CSS 代码片段列表右侧的文件夹图标，打开存放代码片段的目录。

3. 创建 CSS 文件

在该文件夹下新建一个文本文件，并修改文件名（含后缀）为：

custom-eyes.css

注意：文件名和后缀必须完全一致，扩展名不能是.txt。

4. 写入护眼样式

用任意文本编辑器打开custom-eyes.css，将以下内容粘贴进去并保存：

/* 豆沙绿护眼主题 */ .theme-light { --background-primary: #c5f3cb !important; /* 主编辑区背景 */ --background-primary-alt: #c5f3cb !important; /* 命令面板等背景 */ --background-secondary: #c5f3cb !important; /* 侧边栏背景 */ --background-secondary-alt: #d9f1d1 !important; /* 顶部边框等 */ }

5. 开启效果

回到【设置】→【外观】，在 CSS 代码片段列表中找到custom-eyes，把右侧的开关打开。界面会立即变成豆沙绿护眼色主题。

说明

• 该方案通过覆盖 Obsidian 的 CSS 变量实现，只影响浅色主题（Light Mode），深色主题不受影响。
• 片段中的 4 个变量分别控制编辑区、命令面板、侧边栏和顶部边框的背景色，想微调颜色只需替换对应的十六进制色值。
• 关掉开关即可随时恢复默认配色，不影响任何笔记内容。