ColorHighlighter 需同时满足插件名正确(ColorHighlighter,结尾带r)、语法识别为CSS/SCSS/HTML/JS/Vue style块、用户配置启用实时高亮;手动安装无效,须用Package Control安装并重启;字符串内颜色需手动开启color_highlight_in_strings;ha_style生效依赖配色方案中定义color_highlighter scope背景色。

装完 ColorHighlighter 插件后,#ff6b6b 这类颜色值不会自动渲染成背景色——它需要三个条件同时满足:插件名拼写正确、文件语法识别为支持类型、用户配置没关掉实时高亮。
ColorHighlighter 安装必须用 Package Control 且名称带 r
搜 ColorHighlight 或 Color Highlight 都会装错;唯一有效的包名是 ColorHighlighter(结尾带 r,无空格、无下划线)。手动解压 zip 到 Packages/ 目录无效,Sublime Text 4 的沙箱机制只加载 Package Control 签名安装的版本。安装后必须重启编辑器,否则插件根本不注册。
右下角语法显示 Plain Text?插件压根不启动
ColorHighlighter 只在明确支持的颜色语境中激活,包括:CSS、SCSS、HTML、JavaScript、Vue Component(需光标在 <style> 内)。如果状态栏显示 Plain Text、JSON 或 Python,插件完全静默。解决方法:点右下角语法名 → 选 CSS 或 JavaScript;.vue 文件要确保光标落在 <style lang="scss"> 块里再手动设语法。
JS 字符串里的 "#336699" 默认不亮,得手动开开关
像 el.style.color = "#336699" 或模板字符串中 `color: ${c}` 这类写法,默认被跳过——插件为避免误匹配和性能损耗,只处理样式声明区域。启用方法:打开 Preferences → Package Settings → ColorHighlighter → Settings - User,添加一行:
{
"color_highlight_in_strings": true
}
保存后按 Ctrl+Shift+P 输入 Color Highlighter: Highlight 手动触发一次,强制刷新缓存(不用重启)。
ha_style 设了但没效果?配色方案缺 scope 定义
ha_style 控制高亮样式("filled"、"outlined"),但它最终能否显示,取决于当前 .sublime-color-scheme 文件是否定义了 color_highlighter 这个 scope 的 background。很多主题没配这一项,结果就是设置全对,颜色块依然透明。检查方式:打开配色方案文件(Preferences → Color Scheme → Edit Colors),搜索 color_highlighter;若无,则手动加一段:
{
"name": "Color Highlighter",
"scope": "color_highlighter",
"background": "#ffffff20"
}
改完必须重新选一次该 color scheme 才生效——这是最容易漏掉的一步。


















