HbuildX要使用3.1.18之后的版本

1、打开HbuildX
2、点击工具选项
3、点击的设置
4、点击源码视图
5、在用户设置面板中，添加以下代码。
6、粘贴成功后，修改默认样式为雅蓝主题

"editor.tokenColorCustomizations": {"[Atom One Dark]": {"rules":[{"name": "Comment","scope": ["comment"],"settings": {"foreground": "#5C6370","fontStyle": "italic"}},{"name": "Conditional Comment Keyword","scope": "comment.conditional.keyword","settings": {"foreground": "#C678DD"}},{"name": "Conditional Comment Defined","scope": "comment.conditional.define","settings": {"foreground": "#00aaff","fontStyle": "bold"}},{"name": "Comment Markup Link","scope": ["comment markup.link"],"settings": {"foreground": "#5C6370"}},{"name": "Entity Name Type","scope": ["entity.name.type"],"settings": {"foreground": "#E5C07B"}},{"name": "Entity Other Inherited Class","scope": ["entity.other.inherited-class"],"settings": {"foreground": "#98C379"}},{"name": "Keyword","scope": ["keyword"],"settings": {"foreground": "#3c54dd"}},{"name": "Keyword Control","scope": ["keyword.control"],"settings": {"foreground": "#ffaeea"}},{"name": "Keyword Operator","scope": ["keyword.operator"],"settings": {"foreground": "#3c49ff"}},{"name": "Keyword Other Special Method","scope": ["keyword.other.special-method"],"settings": {"foreground": "#52ef4f"}},{"name": "Storage","scope": ["storage"],"settings": {"foreground": "#3877dd"}},{"name": "Constant","scope": ["constant"],"settings": {"foreground": "#00ffff"}},{"name": "Constant Numeric","scope": ["constant.numeric"],"settings": {"foreground": "#80d18d"}},{"name": "Constant Other Color","scope": ["constant.other.color"],"settings": {"foreground": "#c25c08"}},{"name": "Variable","scope": ["variable"],"settings": {"foreground": "#86c7ff"}},{"name": "String","scope": ["string"],"settings": {"foreground": "#c89e6e"}},{"name": "Punctuation Definition Comment","scope": ["punctuation.definition.comment"],"settings": {"foreground": "#459941"}},{"name": "Punctuation Definition Method Parameters,punctuation Definition Function Parameters,punctuation Definition Parameters,punctuation Definition Separator,punctuation Definition Seperator,punctuation Definition Array","scope": ["punctuation.definition.method-parameters","punctuation.definition.function-parameters","punctuation.definition.parameters","punctuation.definition.separator","punctuation.definition.seperator","punctuation.definition.array"],"settings": {"foreground": "#ffffff"}},{"name": "Support Type","scope": ["support.type"],"settings": {"foreground": "#1cb7ff"}},{"name": "Support Function","scope": ["support.function"],"settings": {"foreground": "#fbffa1"}},{"name": "Entity Name Function","scope": ["entity.name.function"],"settings": {"foreground": "#f1ea88"}},{"name": "Entity Name Tag","scope": ["entity.name.tag"],"settings": {"foreground": "#39b3ff"}},{"name": "Entity Other Attribute Name","scope": ["entity.other.attribute-name"],"settings": {"foreground": "#85bcff"}},{"name": "Meta Method Call,meta Method","scope": ["meta.method-call","meta.method"],"settings": {"foreground": "#bfbbbb"}},{"name": "Meta Selector","scope": ["meta.selector"],"settings": {"foreground": "#ffffff"}},{"name": "Meta Tag","scope": ["meta.tag"],"settings": {"foreground": "#ABB2BF"}},{"name": "Underline","scope": ["underline"],"settings": {"text-decoration": "underline"}},{"name": "Source Gfm Markup","scope": ["source.gfm markup"],"settings": {"-webkit-font-smoothing": "auto"}},{"name": "[VSCODE-CUSTOM] Support Type Property Name","scope": "support.type.property-name","settings": {"foreground": "#b17541"}},{"name": "[VSCODE-CUSTOM] JSON Property Name","scope": "support.type.property-name.json","settings": {"foreground": "#85bcff"}},{"name": "[VSCODE-CUSTOM] JS/TS Punctuation for key-value","scope": ["punctuation.separator.key-value.ts","punctuation.separator.key-value.js","punctuation.separator.key-value.tsx"],"settings": {"foreground": "#56B6C2"}},{"name": "[VSCODE-CUSTOM] JS/TS Embedded Operator","scope": ["source.js.embedded.html keyword.operator","source.ts.embedded.html keyword.operator"],"settings": {"foreground": "#56B6C2"}},{"name": "[VSCODE-CUSTOM] JS/TS Variable Other Readwrite","scope": ["variable.other.readwrite.js","variable.other.readwrite.ts","variable.other.readwrite.tsx"],"settings": {"foreground": "#ABB2BF"}},{"name": "[VSCODE-CUSTOM] JS/TS Braces/Brackets","scope": ["meta.brace.round.js","meta.array-binding-pattern-variable.js","meta.brace.square.js","meta.brace.round.ts","meta.array-binding-pattern-variable.ts","meta.brace.square.ts","meta.brace.round.tsx","meta.array-binding-pattern-variable.tsx","meta.brace.square.tsx"],"settings": {"foreground": "#c7bbb7"}},{"name": "[VSCODE-CUSTOM] JS/TS Variable Alias","scope": ["variable.other.readwrite.alias.js","variable.other.readwrite.alias.ts","variable.other.readwrite.alias.jsx","variable.other.readwrite.alias.tsx"],"settings": {"foreground": "#85bcff"}},{"name": "[VSCODE-CUSTOM] JS/TS Constants","scope": ["variable.other.constant.js","variable.other.constant.ts","variable.other.constant.jsx","variable.other.constant.tsx"],"settings": {"foreground": "#1ea5ff"}},{"name": "[VSCODE-CUSTOM] JS/TS Object Constants","scope": ["variable.other.constant.object.js","variable.other.constant.object.jsx","variable.other.constant.object.ts","variable.other.constant.object.tsx"],"settings": {"foreground": "#24f49e"}},{"name": "[VSCODE-CUSTOM] JS/TS In Keyword for Loops","scope": ["keyword.operator.expression.in.js","keyword.operator.expression.in.jsx","keyword.operator.expression.in.ts","keyword.operator.expression.in.tsx"],"settings": {"foreground": "#4677ff"}},{"name": "[VSCODE-CUSTOM] Css Support Constant Value","scope": "support.constant.property-value.css","settings": {"foreground": "#c89e6e"}},{"name": "Text Styling Vue","scope": ["text.html.vue"],"settings": {"foreground": "#9FB2BF"}},{"name": "Text Styling Vue Comment","scope": ["comment.block"],"settings": {"foreground": "#59974e"}},{"name": "Text Styling Vue Comment Line","scope": ["comment.line.double-slash"],"settings": {"foreground": "#59974e"}}]}
},"workbench.colorCustomizations": {"[Atom One Dark]": {"console.background": "#1E1E1E","editor.background": "#1E1E1E","editorSuggestWidget.background": "#252526","editorSuggestWidget.border": "#252526","editorSuggestWidget.selectedBackground": "#062f4a","extensionButton.border": "#1E1E1E","extensionButton.prominentBackground": "#1E1E1E","imageview.background": "#1e1e1e","imageview.foreground": "#1e1e1e","inputList.hoverBackground": "#062f4a","inputValidation.infoBackground": "#252526","list.activeSelectionBackground": "#094771","minimap.handle.background": "#1E1E1E","outlineBackground": "#1E1E1E","scrollbarSlider.background": "#4f4f4f","scrollbarSlider.hoverBackground": "#4f4f4f","sideBar.background": "#252526","statusBar.background": "#007ACC","statusBar.foreground": "#FFFFFF","tab.activeBackground": "#1e1e1e","tab.activeForeground": "#FFFFFF","tab.inactiveBackground": "#2d2d2d","terminal.background": "#1E1E1E","titleBar.activeBackground": "#323233"}
}

HbuildX中使用类似VSCode配色相关推荐

网页设计中的三大类配色
为什么要整理设计色彩方法? 在色彩设计应用中,我们对颜色不同程度的理解,影响到设计页面的表现,熟练地运用色彩搭配,设计时岂不事半功倍.一张优秀的设计作品,它的色彩搭配必定和谐得体,令人赏心悦目,反思 ...
如何在 Linux 中使用类似智能手机外观的 Conky 天气插件
如何在 Linux 中使用类似智能手机外观的 Conky 天气插件智能手机都拥有一些平滑地融入手机外观的天气小插件,现在幸亏有了 Flair Weather Conky,你便可以在你的 Linux ...
vue 递归创建菜单_如何在Vue中创建类似中等的突出显示菜单
vue 递归创建菜单 by Taha Shashtari 由Taha Shashtari 如何在Vue中创建类似中等的突出显示菜单 (How to Create a Medium-Like Highl ...
用vscode编写静态页面_开发中实用的VSCode插件推荐
本篇文章给大家介绍一下开发中实用的VSCode插件推荐.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 工欲善其事必先利其器,以下是本人为前端开发收集的vscode插件,有需要的话赶 ...
sql server 数组_如何在SQL Server中实现类似数组的功能
sql server 数组介绍 (Introduction) I was training some Oracle DBAs in T-SQL and they asked me how to cr ...
C++中实现类似php的UTF8和UrlEncode函数的代码
在学习闲暇时间,将代码过程比较常用的代码片段做个收藏,下边代码段是关于C++中实现类似php的UTF8和UrlEncode函数的代码,希望能对码农有较大帮助. #include <string& ...
React中实现类似v-click-outside效果
React中实现类似v-click-outside效果问题背景有时候我们需要点击某个下拉框等元素.组件的外部关闭下拉框. 解决方法使用window.addEventListener监听整个页面 ...
hbuildx中使用真机调试
前言使用真机调试的原因是我开发uni-app项目,调试一直是在浏览器中选择手机模式进行调试的,但是打包安装到手机以后,发现很多样式变化很大,完全不符合预期,这时我知道浏览器是不能完全匹配手机的效果的 ...
HBuildx中使用vant的ui框架
HBuildx中使用vant的ui框架输入 npm安装 npm i vant-weapp -S --production 或者yarn安装 yarn add vant-weapp --product ...

HbuildX中使用类似VSCode配色

HbuildX要使用3.1.18之后的版本

HbuildX中使用类似VSCode配色相关推荐

最新文章

热门文章