GutterColor插件需通过Package Control手动输入安装,支持#fff、rgb()、hsl()等基础颜色写法,不支持oklch()等新标准;色块显示受gutter背景色、字体及主题padding影响,需合理配置避免图标遮挡。

怎么装 GutterColor 插件
直接装就行,不用重启,但必须走 Package Control 流程——复制粘贴名字会失败,得手动敲。
- 按
Ctrl+Shift+P(Mac 是Cmd+Shift+P)呼出命令面板 - 输入
Install Package,选中Package Control: Install Package - 等列表加载完,**手动输入
GutterColor**(别复制,空格或粘贴容易卡住) - 点它安装,几秒后就能看到 gutter 区出现小色块
GutterColor 支持哪些颜色写法
它识别能力有限,不是所有 CSS 颜色都能画出来;新标准比如 oklch() 或带 alpha 的简写 #RGBA 完全不认。
- 能识别:
#fff、#FF5733、rgb(0, 255, 0)、rgba(0, 0, 255, 0.5)、hsl(120, 100%, 50%)、hsla(...)、red等命名色 - 不能识别:
oklch(0.5 0.2 120)、color(display-p3 1 0 0)、hwb(60 20% 30%)、#ABC1(四字符 hex) - 如果某行写了不支持的颜色,gutter 里就空着,不会报错也不会提示
为什么色块看不清或图标被盖住了
Gutter 不只是显示色块,还要叠断点(●)、Git 标记(►)、折叠箭头(▶),背景色设得太暗、太亮或太不透明,这些图标就会糊掉。
- 别用纯黑
#000000或纯白#FFFFFF当 gutter 背景色 - 推荐中灰系:比如
#2a2e37(深蓝灰)或#333740(炭灰),加一点透明度更安全,如#282c34cc - 如果用了 GutterColor,它的色块是画在 gutter 区的,foreground(行号文字色)和 background 必须留出视觉余量,否则色块和行号挤成一团
- 改 gutter 背景色不是改
Preferences → Settings,而是改主题文件(.sublime-theme),里面加"gutter_background"字段
怎么让 gutter 更宽一点来容纳色块
Sublime 没有 gutter_width 这种设置项,所谓“宽度”其实是字体、数字位数、内边距共同作用的结果,只能间接调。
- 在用户设置里加
"gutter_padding": 8(实验性,部分主题支持) - 改字体:用等宽字体 + 适当字号,比默认字体更容易撑开视觉宽度
- 真正起效的是主题文件里的
"class": "gutter"规则,有些第三方主题(比如Ayu、Material Theme)内置了 padding 控制,比默认主题更友好 - 别指望靠
margin或line_numbers设置拉宽 gutter——它们只影响代码区,不碰 gutter 区域


















