Dreamweaver模板文本代码高亮颜色修改失败问题求助

问题说明 #

• 从Dreamweaver CS6升级到CC 2021后，无法精细化自定义代码高亮颜色，黑色背景下模板代码显示为浅灰色辨识度极低
• 已按照官方操作流程修改主题配置，普通注释颜色修改生效，但模板注释颜色修改始终不生效
• 已基于Raven主题新建自定义Ruby Blue主题，将Brackets同款主题代码追加到main.less文件，除模板注释外其他样式都可正常修改

操作步骤 #

按照以下顺序调整即可解决问题：

1. 补全选择器并提高优先级
   Dreamweaver CC 2021内核的CodeMirror编辑器对模板类注释额外增加了专属类名，你原来写的选择器覆盖不全，且优先级低于默认样式，将你原有的模板注释相关代码替换为以下内容：

/* 覆盖所有模板相关代码的颜色 */
.cm-templateComment, 
.cm-templateAttrVal,
.cm-m-template,
.cm-comment.cm-template,
.cm-templateTag {
    color: #98fb98 !important;
}

2. 确认LESS变量已定义
   你代码中用到的@comment、@rb-lightblue、@rb-orange等LESS变量，需要先在main.less文件最开头完成色值定义，示例如下：

/* 顶部先定义所有用到的变量 */
@comment: #ffff00;
@rb-lightblue: #87cefa;
@rb-orange: #ffa500;
@rb-white: #ffffff;
@rb-red: #ff0000;
@rb-magenta: #ff00ff;
@rb-yellow: #ffff00;
@brightgreen: #00ff00;

3. 强制刷新主题配置
   修改完成后完全关闭Dreamweaver进程再重新打开，打开后进入设置界面确认当前启用的主题就是你修改的「Ruby Blue」，部分版本会自动切回默认主题需要手动重选。
4. 备用方案（LESS编译失效时使用）
   如果修改main.less始终不生效，说明你安装的Dreamweaver版本没有自动编译LESS的配置，直接找到安装目录下的\www\extensions\default\DarkTheme\themes文件夹，找到你自定义的Ruby Blue主题对应的CSS文件，把上面的CSS代码直接追加到文件末尾，重启后即可生效。

内容的提问来源于stack exchange，提问作者Art From NY