HBuilder X 自定义淡粉色粉色主题(其他颜色皆可设置)

Kyle爱编程

已于 2023-02-19 22:22:54 修改

阅读量4k

点赞数 5

分类专栏： web前端文章标签： css3 json

于 2023-02-19 22:19:58 首次发布

本文链接：https://blog.csdn.net/kyle1211/article/details/129115577

版权

web前端专栏收录该内容

3 篇文章

订阅专栏

该教程介绍了如何在HBuilderX中设置自定义主题，特别是绿柔主题。用户只需通过工具选项卡进行简单步骤即可更改主题颜色，同时提供了详细的代码示例来定制编辑器的颜色方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、如何设置

1.工具选项卡--主题--选择绿柔主题。

2.工具选项卡--设置--选择源码视图--找到用户设置一栏

3.保存即可

二、代码

总结

前言

HBuilder X最简单的自定义主题教程，不让开发者仅仅局限于绿柔、酷黑、雅蓝三种主题颜色。

一、如何设置

1.工具选项卡--主题--选择绿柔主题。

2.工具选项卡--设置--选择源码视图--找到用户设置一栏

3.保存即可

4.效果图

二、代码

{
    "editor.caretWidth" : 1,
    "editor.codeassist.px2rem.enabel" : false,
    "editor.codeassist.px2upx.enabel" : true,
    "editor.colorScheme" : "Default",
    "editor.fontFmyCHS" : "楷体",
    "editor.fontSize" : 12,
    "editor.longLineIndicator" : false,
    "editor.minimap.enabled" : true,
    "editor.saveFoldStatus.enabled" : true,
    "editor.wordWrap" : true,
    "explorer.autoReveal" : true,
    "explorer.fileReveal.policy" : "default",
    "explorer.iconTheme" : "hx-file-icons",
    "workbench.colorCustomizations" : {
        "[Default]" : {
            "editor.background" : "#FDF0ED",
            "editorSuggestWidget.background" : "#fce5de",
            "editorSuggestWidget.border" : "#fadad1",
            "editorSuggestWidget.selectedBackground" : "#fad3c7",
            "extensionButton.border" : "#fad3c7",
            "extensionButton.checkColor" : "#E42E5B",
            "extensionButton.prominentBackground" : "#FDF0ED",
            "extensionButton.prominentForeground" : "#E42E5B",
            "extensionButton.prominentHoverBackground" : "#fad3c7",
            "imageview.background" : "#FDF0ED",
            "imageview.foreground" : "#fadad1",
            "input.background" : "#fad3c7",
            "inputList.border" : "#fce5de",
            "inputList.hoverBackground" : "#fce5de",
            "inputOption.activeBorder" : "#E42E5B",
            "inputValidation.infoBackground" : "#FDF0ED",
            "list.activeSelectionBackground" : "#fad3c7",
            "list.activeSelectionForeground" : "#E42E5B",
            "list.foreground" : "#938D8B",
            "list.highlightForeground" : "#E42E5B",
            "list.hoverBackground" : "#fce5de",
            "minimap.handle.background" : "#fadad1",
            "outlineBackground" : "#FDF0ED",
            "scrollbarSlider.background" : "#fad3c7",
            "scrollbarSlider.hoverBackground" : "#E42E5B",
            "settings.dropdownBorder" : "#fadad1",
            "settings.dropdownListBorder" : "#fadad1",
            "settings.textInputBorder" : "#fadad1",
            "sideBar.background" : "#FDF0ED",
            "statusBar.background" : "#FDF0ED",
            "statusBar.foreground" : "#938D8B",
            "tab.activeBackground" : "#fad3c7",
            "tab.activeForeground" : "#242227",
            "tab.hoverBackground" : "#FCE7E2",
            "tab.inactiveBackground" : "#FDF0ED",
            "tab.inactiveForeground" : "#938D8B",
            "tab.unfocusedActiveForeground" : "#242227",
            "tab.unfocusedHoverBackground" : "#FDF0ED",
            "tab.unfocusedInActiveForeground" : "#FDF0ED",
            "toolBar.background" : "#FDF0ED",
            "toolBar.border" : "#fadcc6",
            "toolBar.hoverBackground" : "#fce5de"
        }
    }
}