lyydhy
lyydhy
  • 发布:2020-02-02 17:21
  • 更新:2020-02-02 21:14
  • 阅读:9162

仿vscode的material的暗黑色主题

分类:HBuilderX

注意 需要切换主题到 雅蓝

{  
    "editor.caretWidth": 1,  
    "editor.colorScheme": "Atom One Dark",  
    "explorer.autoReveal": true,  
    "editor.renderWhitespace": false,  
    "editor.codeassistFontSize": 14,  
    "editor.viewIndentationGuides": false,//是否显示代码缩进对齐线  
    "explorer.iconTheme": "vs-seti",  
    "workbench.colorCustomizations": {  
        "[Atom One Dark]": {  
            //标题栏  
            "titleBar.activeBackground":"#263238",  
            //工具栏  
            "toolBar.background": "#263238", //工具条背景  
            "toolBar.border": "#263238",  
            "toolBar.hoverBackground": "#263238",  

            //按钮  
            "button.background": "#80CBC420", //按钮背景  
            "button.foreground": "#ffffff", //按钮前景  

            //文本框  
            "input.background": "#303C41", //文本框背景颜色  
            "input.foreground": "#ffffff", //前景颜色  
            "focusBorder": "#FFFFFF00", //文本框有焦点时边框颜色  
            "input.border": "#FFFFFF10",  
            "input.hoverBackground": "#263238",  

            //列表控件  
            "list.foreground": "#495C66", //前景颜色  
            "list.activeSelectionBackground": "#263238",  
            "list.activeSelectionForeground": "#80CBC4",  
            "list.hoverBackground": "#263238",  
            "list.inactiveSelectionBackground": "#00000030",  

            //项目资源管理器  
            "sideBar.background": "#263238",  
            "sideBarSectionHeader.background": "#263238",  

            // 标签卡  
            // "tab.Background":"#263238",  
            "editorGroupHeader.tabsBackground": "#263238", //背景颜色  
            "tab.border": "#263238", //边框颜色  
            "tab.activeBorder": "#263238", //选中时的边框颜色  
            "tab.activeBackground":"#263238",  
            "tab.activeForeground": "#FFFFFF",  
            "tab.inactiveBackground": "#263238", //未选中时的背景颜色  
            "tab.inactiveForeground": "#607a86",  
            "tab.hoverBackground": "#263238",  
            "tab.unfocusedActiveBorder": "#546E7A",  

            //代码助手  
            "editorSuggestWidget.background": "#263238", //助手弹窗背景颜色  
            "editorSuggestWidget.border": "#263238", //助手边框颜色  
            "editorSuggestWidget.foreground": "#495C66", //前景颜色  
            "editorSuggestWidget.highlightForeground": "#80CBC4",  
            "editorSuggestWidget.selectedBackground": "#00000050", //助手弹窗选中条目时背景颜色  

            //预览按钮  
            "extensionButton.prominentBackground": "#263238",  
            "extensionButton.prominentForeground": "#495C66",  
            "extensionButton.border": "#263238",  
            "extensionButton.prominentHoverBackground": "#263238",  

            // 分栏  
            "editorGroup.border": "#495C66", //分割线颜色  
            "tab.unfocusedActiveForeground": "#EEFFFF", //未激活分组里选中标签前景色  

            //滚动条  
            "scrollbarSlider.background": "#495C66",  
            "scrollbarSlider.hoverBackground": "#495C66",  

            //搜索下拉框  
            "inputValidation.infoBorder": "#82AAFF50",  

            //编辑区  
            "editor.background": "#263238",  
            // "editor.foreground": "#EEFFFF",  
            // "editorLineNumber.foreground": "#37474F",  
            "editorLineNumber.activeForeground": "#607a86",  
            // "editor.lineHighlightBorder": "#00000000",  
            "editor.rangeHighlightBackground": "#FFFFFF0d",  
            // "editorWhitespace.foreground": "#EEFFFF40",  

            //设置  
            "settings.dropdownForeground": "#EEFFFF",  
            "settings.dropdownBackground": "#263238",  
            "settings.textInputForeground": "#ffffff",  
            "settings.textInputBackground": "#263238",  
            "settings.dropdownBorder": "#263238",  
            "settings.dropdownListBorder": "#263238", //下拉列表item边框  
            "settings.dropdownForeground": "#ffffff", //下拉列表前景颜色  

            //终端  
            "terminal.background": "#263238",  
            "terminal.foreground": "#ffffff",  
            "panelTitle.activeForeground": "#ffffff",  
            "console.background": "#263238",  
            "debug.background": "#263238",  

            //底部状态栏  
            "statusBar.background": "#263238",  
            "statusBar.foreground": "#495C66",  
            "statusBar.border": "#495C66",  

            "minimap.handle.background": "#495C66"  
        }  
    }  
}

2 关注 分享
DCloud_HB_WDL 2***@qq.com

要回复文章请先登录注册

DCloud_HB_WDL

DCloud_HB_WDL

感谢您对HBuilderX的支持。已将您的主题,加入到官方帖子中。见:[https://ask.dcloud.net.cn/article/35776](https://ask.dcloud.net.cn/article/35776)
2020-02-02 21:14