答案:通过编辑主题文件中的class属性可自定义Sublime Text侧边栏颜色。具体步骤为:1. 进入Packages目录找到当前UI主题的.sublime-theme文件;2. 搜索sidebar相关class如sidebar_container、sidebar_row和label_control;3. 修改layer0.tint调整背景色,color改变文字颜色,attributes设置选中状态样式;4. 为避免更新覆盖,建议复制原主题文件并重命名,在设置中指定新主题文件。掌握规则后即可精准控制侧边栏外观。

Sublime Text 的侧边栏颜色可以通过自定义主题或修改现有主题文件来调整。默认情况下,侧边栏的颜色由当前使用的 UI 主题决定,比如默认的 Adaptive 或流行的第三方主题如 Material Theme、AYU 等。想要修改侧边栏颜色,核心方法是编辑主题文件中的对应属性。
1. 找到并编辑当前主题文件
大多数 UI 主题是以 .sublime-theme 为扩展名的 JSON 格式文件,里面定义了界面各个元素的颜色和样式。
操作步骤:
- 打开菜单栏 Preferences > Browse Packages…
- 进入 Packages 目录后,找到你正在使用的 UI 主题所在的文件夹(例如 Material Theme 对应的是 Material Theme)
- 查找以 .sublime-theme 结尾的文件,通常命名为 Material-Theme.sublime-theme 或类似名称
- 用 Sublime Text 打开该文件
2. 查找侧边栏相关规则
在 .sublime-theme 文件中,通过搜索关键词如 sidebar、tree 或 folder 来定位控制侧边栏外观的规则。
常见控制侧边栏背景和文字颜色的规则包括:
- "class": "sidebar_container" —— 控制侧边栏整体背景
- "class": "sidebar_row" —— 每一行的背景(选中状态也可在这里设置)
- "class": "label_control" 在 sidebar 中的部分实例 —— 控制文件夹/文件名文字
示例:修改侧边栏背景色为深灰色
{
"class": "sidebar_container",
"layer0.tint": [40, 40, 40],
"layer0.opacity": 1.0
}
其中 layer0.tint 接受 RGB 数组,可改变底色;opacity 控制透明度。
3. 自定义文字与选中项颜色
想改文件名颜色或选中行高亮色,可以添加或修改如下规则:
{
"class": "label_control",
"parents": [{"class": "sidebar_tree"}],
"color": [200, 200, 200] // 浅灰色文字
}
设置选中行背景:
{
"class": "sidebar_row",
"attributes": ["selected"],
"layer0.tint": [70, 120, 200] // 蓝色调选中色
}
4. 使用自定义主题避免更新覆盖
直接修改原主题文件的问题是,主题更新时可能被覆盖。推荐做法是:
- 复制原主题文件,重命名为如 MyCustomTheme.sublime-theme
- 在 Preferences > Settings 中设置:
"theme": "MyCustomTheme.sublime-theme" - 之后所有修改都在副本中进行,安全且持久
基本上就这些。只要理解 .sublime-theme 文件的结构,通过查找 class 和设置 tint、color 属性,就能完全掌控侧边栏颜色。不复杂但容易忽略细节,比如父级条件或 attributes 状态匹配。










