colorhighlighter未高亮主因是语法识别、作用域范围或配置开关问题：需确认语法非plain text、插件已加载、开启color_highlight_in_strings等选项，并确保语法定义正确。
ColorHighlighter 插件装完就能用，但颜色不亮、亮错位置、字符串里不生效——这些问题基本都出在语法识别、作用域范围或配置开关上，不是插件坏了。
ColorHighlighter 为什么没高亮？先查这三件事
常见错误现象：写 #ff6b6b 或 rgb(255, 107, 107)，背景完全没变色。
- 右下角语法标识是不是
Plain Text？必须是CSS、SCSS、HTML、JavaScript等支持颜色语义的语法才触发高亮；Plain Text或JSON默认不处理 - 命令面板（
Ctrl+Shift+P）搜ColorHighlighter，看有没有Color Highlighter: Highlight命令——没有说明插件根本没加载成功，重装或检查 Package Control 状态 - 改过
color_scheme文件？某些自定义主题会覆盖meta.color这类作用域的渲染，导致颜色块“画”出来了但被主题背景吞掉
想在 JS 字符串里也高亮颜色值，得开这个开关
默认情况下，color_highlight_in_strings 是 false，所以 const bg = "#336699" 这种不会高亮——它只认 CSS 规则里的裸颜色值。
实操建议：
- 菜单 →
Preferences→Package Settings→Color Highlighter→Settings - 在右侧用户设置里加这一行：
"color_highlight_in_strings": true - 保存后立即生效，不用重启；如果仍不亮，确认你用的是最新版插件（v3.0+），旧版不支持该选项
高亮样式太刺眼或盖住文字？调 ha_style 和透明度
默认 ha_style 是 "filled"，也就是纯色填充背景。在深色主题下容易把文字“吃掉”，尤其用了 "#FFFFFF" 这类不带 alpha 的值。
推荐做法：
- 设为
"outlined"：只加一圈颜色边框，最轻量，适合调试时快速定位 - 设为
"underlined"：底部加色线，对行内颜色（如注释里的// bg: #eee）更友好 - 别硬改
background值——插件不提供直接配色入口；它的颜色来自原始值解析，你只能控制呈现方式
自定义颜色名不亮？检查 supported_color_names 和 scope 范围
像 red、rebeccapurple 这类预定义名，默认是开启高亮的，但前提是它们出现在合法颜色上下文中，比如 color: red;，而不是 const colorName = "red";（后者需配合 color_highlight_in_strings: true）。
如果你发现 rebeccapurple 不亮，而 #639 可以：
- 确认用户设置里有
"supported_color_names": true（默认是true，但某些旧配置可能关了） - 注意大小写：
RebeccaPurple不会被识别，必须全小写 - 某些 CSS-in-JS 库（如 styled-components）里写
color: "${props => props.theme.red}"，这种动态拼接的字符串，插件无法解析，属于能力边界
真正容易被忽略的点：ColorHighlighter 对颜色值的提取依赖 Sublime 的语法分析器（syntax definition）。如果你用的是非标语法（比如自定义 .vue 文件但没装 Vue Syntax Highlight 插件），它连 style 块都识别不了，更别说里面颜色了——这时候高亮失效，根源不在 ColorHighlighter，而在语法支持本身。
