HBuilderX 开发工具，主题自定义，代码颜色自定义

2023-12-31 12:35| 来源: 网络整理| 查看: 265

统一回复：百度网盘下载主题文件，替换即可

链接：https://pan.baidu.com/s/1QfR89snYdTcdYTf-0ERZyQ?pwd=kngl 提取码：kngl --来自百度网盘超级会员V4的分享

1.百度网盘下载dark_defaults.json文件

2.找到hbuildX安装目录里（例如图一）

3.替换

4.打开编辑器 => 工具 => 主题设为酷黑

5.重启编辑器

找到HBuilderX 开发工具安装目录，依次找到代码颜色配置文件（json文件）修改

配置字段参考：Scope Naming – Sublime Text Documentation

我的配置：

1.基于深色主题进行修改，所以需要在编辑器其工具中将主题切换为酷黑

2.替换dark_default.json中的tokenColors字段

3.博客底部有效果图~

"tokenColors": [ { "name": "keyword", //关键字 "scope": "keyword", "settings": { "fontStyle": "", "foreground": "#ff0000" } }, { "name": "control entity", //控制 "scope": [ "keyword.control", "constant.character.entity", "punctuation.definition.entity" ], "settings": { "fontStyle": "", "foreground": "#ff00ff" } }, { "name": "comment", //注释 "scope": "comment", "settings": { "fontStyle": "italic", "foreground": "#a64b00" } }, { "name": "comment definition", //注释符号 "scope": "punctuation.definition.comment", "settings": { "fontStyle": "italic", "foreground": "#a64b00" } }, { "name": "comment keyword", //注释关键字 "scope": "comment.conditional.keyword", "settings": { "fontStyle": "", "foreground": "#ff00ff" } }, { "name": "comment defined",//注释常量 "scope": "comment.conditional.define", "settings": { "fontStyle": "bold underline", "foreground": "#ff0000" } }, { "name": "string", //字符串 "scope": [ "string", "meta.structure.dictionary.json string.quoted.double.json" ], "settings": { "fontStyle": "", "foreground": "#fff200" } }, { "name": "constant", //常量 "scope": [ "meta.preprocessor", "string.regexp", //正则 "constant.numeric", //数字 "constant.language" //boolean值、空值 ], "settings": { "fontStyle": "", "foreground": "#AE81FF" } }, { "name": "variable", //变量 "scope": "variable", "settings": { "fontStyle": "", "foreground": "#0ed145" } }, { "name": "variable readwrite", //自定义变量 "scope": "variable.other.readwrite", "settings": { "fontStyle": "", "foreground": "#c4ff0e" } }, { "name": "variable constant", //自定义常量 "scope": "variable.other.constant", "settings": { "fontStyle": "", "foreground": "#409eff" } }, { "name": "function name", //函数名称 "scope": ["support.function", "entity.name.function"], "settings": { "fontStyle": "", "foreground": "#66ccff" } }, { "name": "function prop",//函数参数 "scope": [ "variable.parameter", // 函数参数 "variable.language" // 函数this ], "settings": { "fontStyle": "bold", "foreground": "#ff7f27" } }, { "name": "storage",//保留字 "scope": ["storage.type", "storage.modifier"], "settings": { "fontStyle": "italic", "foreground": "#2979ff" } }, { "name": "support",//第三方支持 "scope": [ "support", "support.class", "entity.name.type", "entity.name.class", "entity.name.namespace", "entity.name.scope-resolution", "entity.other.inherited-class" ], "settings": { "fontStyle": "bold", "foreground": "#409EFF" } }, { "name": "property",//属性 "scope": [ // html属性名 "entity.other.attribute-name", // object属性名 "variable.other.member", "meta.object-literal.key" ], "settings": { "fontStyle": "", "foreground": "#00dddd" } }, { "name": "property-value",//属性值 "scope": [ // css属性值 "meta.property-value", "support.constant.property-value" ], "settings": { "fontStyle": "", "foreground": "#00e500" } }, { "name": "tag",//标签 "scope": [ // html标签 "meta.tag", "entity.name.tag", "punctuation.definition.tag", "punctuation.definition.tag.begin", "punctuation.definition.tag.end" ], "settings": { "fontStyle": "", "foreground": "#409eff" } }, { "name": "selector",//选择器 "scope": [ // css选择器 "meta.selector", "entity.other.attribute-name" ], "settings": { "fontStyle": "", "foreground": "#00dddd" } }, { "name": "tag selector",//标签选择器 "scope": [ // css标签选择器 "entity.name.tag.css" ], "settings": { "fontStyle": "bold underline", "foreground": "#409EFF" } }, { "name": "css property",//css属性 "scope": [ // css属性名 "meta.property-name", "support.type.property-name" ], "settings": { "fontStyle": "", "foreground": "#409EFF" } } ]

效果：

【本文地址】

公司简介

联系我们

HBuilderX 开发工具，主题自定义， 代码颜色自定义

HBuilderX 开发工具，主题自定义，代码颜色自定义