color highlight插件不显示色块，首要排查vscode内置的editor.colordecorators设置是否为true——它是所有颜色装饰的总开关，关闭后插件无法渲染任何色块，且远程开发需在远程端启用。
Color Highlight 插件不显示色块？先查 editor.colorDecorators
插件装了但 #ff6b6b 或 rgb(255, 107, 107) 右侧没小色块，第一反应不是插件坏了，而是 VSCode 的装饰（decorations）被全局关掉了。这个开关控制所有带视觉覆盖效果的插件，包括 Color Highlight。
打开设置（Cmd + , 或 Ctrl + ,），搜 editor.colorDecorators，确认值为 true。它默认开启，但可能被其他插件、主题或手动修改覆盖过。关掉它，色块立刻消失；开回来，多数情况立即恢复。
- 别只看插件是否启用——
color-highlight.enable是插件级开关，而editor.colorDecorators是编辑器底层总闸 - 如果用的是极简主题（比如
Default Light+），偶尔会因 CSS 覆盖导致色块渲染失败，换一个主题快速验证 - 在远程开发（SSH/WSL）场景下，该设置有时不会自动同步，需手动检查远程窗口的设置
JS/TS 字符串里颜色不亮？得配 color-highlight.languages 和正则
默认情况下，Color Highlight 只扫描 CSS、SCSS、HTML 的样式上下文，const color = "#4a90e2"; 这种 JS 字符串完全被忽略——不是 bug，是设计如此：运行时字符串无法保证是颜色，强行解析易误判。
要让它生效，必须手动告诉插件：“在这类文件里，只要匹配这个正则，就当它是颜色”。配置路径：设置 → 搜 color highlight languages → 点“在 settings.json 中编辑”，添加：
"color-highlight.languages": [
{"language":"javascript","pattern":"\"#[0-9a-fA-F]{3,8}\"|'#[0-9a-fA-F]{3,8}'|`#[0-9a-fA-F]{3,8}`"},
{"language":"typescript","pattern":"\"#[0-9a-fA-F]{3,8}\"|'#[0-9a-fA-F]{3,8}'|`#[0-9a-fA-F]{3,8}`"}
]
-
{3,8}同时覆盖#rgb、#rrggbb、#rrggbbaa，老版本不支持 alpha 位，升级到 v2.5.0+ 才能正确渲染#ff6b6b80 - 单引号、双引号、反引号都得写全，漏一种，对应写法就失效
- 正则中不能用
\b或^$锚点——VSCode 的装饰 API 不支持多行锚定，只做局部文本匹配
Vue/Svelte 文件里 style 块有效，但 template 中 style="color: #f00" 不亮？检查语言模式识别
Color Highlight 对 Vue 单文件组件的 <style></style> 块原生支持，但对 <template></template> 内联样式属性（如 <div style="background: #3498db">）的支持依赖于 VSCode 是否把那段 HTML 当作 HTML 处理。问题常出在语言模式错配。
<ul>
<li>把光标放在 <code>style="..." 引号内，看右下角状态栏显示的语言名——要是 vue 或 html 就对了；如果是 plaintext 或 javascript，说明语法高亮没识别到上下文
Ctrl+Shift+P → 输入 Change Language Mode → 选 HTML（临时切换），看色块是否出现；若出现，说明是文件关联或语法插件干扰<style></style> 块可能被识别为 plaintext
色块颜色发灰、透明色显示成实色？优先排查 alpha 解析和色彩配置
你看到的 #ff6b6b80 显示成不透明粉红，或 rgba(255, 107, 107, 0.5) 渲染偏暗，大概率不是插件 bug，而是 alpha 通道未被正确提取，或系统色彩管理介入。
- v2.4.x 及更早版本不支持 8 位 hex（
#rrggbbaa），升级插件到最新版（v2.5.0+）是最快解法 - macOS 上 Display P3 屏幕 + VSCode 启用色彩管理时，预览色块可能轻微偏色；可临时关闭
workbench.colorTheme的自定义主题测试 - 某些深色主题会强制覆盖插件的 overlay 样式，导致色块边缘模糊或透明度丢失；试用
Default Dark+主题排除干扰
真正容易被忽略的点是：Color Highlight 的色块渲染基于 VSCode 的 decoration API，它不读取 CSS 实际计算值，也不受 color-scheme 或 prefers-color-scheme 影响——所以你在 dark mode 下看到的色块，就是它按 sRGB 解析出的原始值，和浏览器最终渲染可能有细微差异。这点没法绕过，只能接受。
