1. 程式人生 > 實用技巧 >HbuilderX個人主題配置引數json

HbuilderX個人主題配置引數json

設定 => 原始碼檢視 => 使用者設定:

{
    "editor.colorScheme" : "Atom One Dark",
    "explorer.iconTheme" : "",
    "terminal.type" : "內建終端",
    "theme-custom.author" : "MelodyJerry",
    "theme-custom.date" : "2020-09-09",
    "theme-custom.name" : "vscode-light",
    "theme-custom.version" : "0.0.2",
    "workbench.colorCustomizations" : {
        "[Default]" : {
            "console.background" : "#ffffff",
            "editor.background" : "#ffffff",
            "editorGroup.border" : "#e7e7e7",
            "editorGroupHeader.tabsBackground" : "#FFF",
            "editorSuggestWidget.background" : "#F3f3f3",
            "editorSuggestWidget.selectedBackground" : "#d6ebff",
            "extensionButton.prominentBackground" : "#ececec",
            "extensionButton.prominentHoverBackground" : "#f3f3f3",
            "imageview.background" : "#fff",
            "imageview.foreground" : "#fff",
            "input.background" : "#f3f3f3",
            "inputList.hoverBackground" : "#d6ebff",
            "inputOption.activeBorder" : "#eee",
            "inputValidation.infoBackground" : "#f3f3f3",
            "list.activeSelectionBackground" : "#0074e8",
            "list.highlightForeground" : "#FFF",
            "list.hoverBackground" : "#E8e8e8",
            "minimap.handle.background" : "#c9c9c9",
            "notifications.background" : "#ffffff",
            "notifications.border" : "#d9d9d9",
            "outlineBackground" : "#ffffff",
            "scrollbarSlider.background" : "#c1c1c1",
            "scrollbarSlider.hoverBackground" : "#929292",
            "settings.dropdownBackground" : "#ffffff",
            "settings.dropdownBorder" : "#ffffff",
            "settings.textInputBackground" : "#ffffff",
            "settings.textInputBorder" : "#eeeeee",
            "sideBar.background" : "#F3f3f3",
            "statusBar.background" : "#007acc",
            "statusBar.foreground" : "#FFFFFF",
            "tab.activeBackground" : "#0074e8",
            "tab.border" : "#ececec",
            "tab.hoverBackground" : "#ececec",
            "tab.inactiveBackground" : "#ececec",
            "tab.inactiveForeground" : "#000",
            "tab.unfocusedHoverBackground" : "#ececec",
            "terminal.background" : "#ffffff",
            "titleBar.activeBackground" : "#DDDDDD",
            "toolBar.background" : "#ececec",
            "toolBar.border" : "#ececec",
            "toolBar.hoverBackground" : "#F3f3f3"
        }
    }
}

官方的說明:

    //自定義UI主題,可拷貝相關行到右邊編輯區更改顏色值
    //詳情參考:https://ask.dcloud.net.cn/article/35776
    //"workbench.colorCustomizations": {
    //    "[Default]": {//綠柔
    //        "sideBar.background":"#faf6e6", //加深專案管理器顏色
    //        "editor.background":"#faf6e6" //加深編輯區域背景顏色
    //    },
    //    "[Monokai]": {//酷黑
    //        "toolBar.background": "#272822", //工具欄背景色設為黑色
    //        "sideBar.background":"#272822" //專案管理器背景色設為黑色
    //    },
    //    "[Atom One Dark]": {//雅藍
    //        "sideBar.background": "#282c34", //專案管理器背景色設為與程式碼區背景色相同
    //        "editor.background":"#282c3f" //調亮編輯區域背景顏色
    //    }
    //}