如何修改雅黑主题代码块颜色

欢迎到专业群（ HBuilderX技术交流群 ） 咨询，群中有相关专业的管理员和群友。

要修改雅黑主题（对应主题标识为 [Monokai]）的代码块颜色，需要在 HBuilderX 的 settings.json 文件中配置 editor.tokenColorCustomizations 字段。

具体操作步骤如下：

1. 打开 HBuilderX，进入菜单 工具 - 设置，切换到 settings.json 源码视图

2. 添加 editor.tokenColorCustomizations 配置，在 [Monokai] 节点下定义代码颜色规则：

"editor.tokenColorCustomizations": {  
    "[Monokai]": {  
        "rules":[  
            {  
                "scope": "comment",  
                "settings": {  
                    "fontStyle": "italic",  
                    "foreground": "#248C85"  
                }  
            }  
        ]  
    }  
}

1. 保存文件后即可看到修改效果

为了方便获取准确的代码颜色规则，建议使用 HBuilderX 提供的辅助功能：

1. 确保 settings.json 中已添加 editor.tokenColorCustomizations 设置
2. 将光标放到要修改颜色的代码位置
3. 选择菜单 工具 - 主题 - Inspect Tokens And Colors 查看当前代码着色信息
4. 将控制台输出的 Token Color Rule 内容拷贝到 settings.json 的 [Monokai] 节点下
5. 修改对应颜色值并保存

完整的代码颜色参数列表可参考：可自定义代码颜色的相关参数

详细文档请参考：

• 如何自定义编辑器代码颜色
• 自定义代码颜色辅助功能

注意：目前只能在现有的 3 个内置主题（Default 绿柔、Monokai 酷黑/雅黑、Atom One Dark 雅蓝）基础之上复写颜色规则。