HBuilderX自定義白色主題

平時的主力仍是vscode,有時也想換個編輯器,換換口味。
HBuilderX的主題只有三種,並且編輯器代碼主題也沒法自定義,定製化程度還不是很高。
側邊欄的背景顏色,選中行的背景顏色,設置頁面文字顏色都沒法改變,有知道的留言告訴我下。編輯器

{
    "editor.colorScheme": "Default",
    "editor.fontFamily": "Fira Code",
    "editor.insertSpaces": true,
    "editor.minimap.enabled": true,
    "editor.saveOnFocusLost": true,
    "explorer.folder.openExplorerViewOnClick": true,
    "explorer.iconTheme": "hx-file-icons-colorful",
    "files.associations.contextmenu": false,
    "workbench.colorCustomizations": {
        "[Atom One Dark]": {
            "editor.background": "#282c3f",
            "sideBar.background": "#282c34"
        },
        "[Default]": {
            // 標題欄
            // 編輯區
            "editor.background": "#FFFFFF",
            "editor.foreground": "FFFFFF",
            "editorLineNumber.foreground": "#37474F",  
            "editorLineNumber.activeForeground": "#607a86",
            "editor.lineHighlightBorder": "#00000000",
            "editor.rangeHighlightBackground": "#FFFFFF0d",
            "editorWhitespace.foreground": "#EEFFFF40",  
            "editorSuggestWidget.background": "#1b9f35",
            "editorSuggestWidget.border": "#1b9f35",
            "editorSuggestWidget.selectedBackground": "#1b9f35",ide

            "extensionButton.border": "#1b9f35",
            "extensionButton.checkColor": "#1e1e1e",
            "extensionButton.prominentBackground": "#FFFFFF",
            "extensionButton.prominentForeground": "#1e1e1e",
            "extensionButton.prominentHoverBackground": "#1b9f35",
            // 圖片視圖
            "imageview.background": "#FFFFFF",
            "imageview.foreground": "#DEDEDE",
            // 文本框
            "input.background": "#FFFFFF",
            "input.foreground": "#FFFFFF", //前景顏色 
            "inputList.border": "#DEDEDE",
            "inputList.hoverBackground": "#938D8B",
            "inputOption.activeBorder": "#1b9f35",
            "inputValidation.infoBackground": "#FFFFFF",
            // 列表控件
            "list.activeSelectionBackground": "#FFFFFF",
            "list.activeSelectionForeground": "#1b9f35",
            "list.foreground": "#938D8B",
            "list.highlightForeground": "#1e1e1e",
            "list.hoverBackground": "#FFFFF",工具

            "minimap.handle.background": "#1b9f35",ui

            "outlineBackground": "#FFFFFF",
            // 滾動條
            "scrollbarSlider.background": "#DEDEDE",
            "scrollbarSlider.hoverBackground": "#1b9f35",
            "settings.dropdownBorder": "#DEDEDE",
            "settings.dropdownListBorder": "#DEDEDE",
            "settings.textInputBorder": "#DEDEDE",
            // 項目管理器
            "sideBar.background": "#FFFFFF",
            "sideBarSectionHeader.background": "#263238",  
            // 底部狀態欄
            "statusBar.background": "#FFFFFF",
            "statusBar.foreground": "#938D8B",
            // 標籤卡
            "tab.activeBackground": "#1b9f35",
            "tab.activeForeground": "#dbdbdb",
            "tab.hoverBackground": "#DEDEDE",
            "tab.hoverForeground": "#1b9f35",
            "tab.inactiveBackground": "#FFFFFF",
            "tab.inactiveForeground": "#686868",
            "tab.unfocusedActiveForeground": "#998D8D",
            "tab.unfocusedHoverBackground": "#FFFFFF",
            "tab.unfocusedInActiveForeground": "#FFFFFF",
            // 工具欄
            "toolBar.background": "#FFFFFF",
            "toolBar.border": "#DEDEDE",
            "toolBar.hoverBackground": "#DEDEDE"
        },
        "[Monokai]": {
            "sideBar.background": "#272822",
            "toolBar.background": "#272822"
        }
    }
}
}
 spa

相關文章
相關標籤/搜索