HBuilder主题参数配置，明白后做属于自己的宝藏主题

大家好这里是X，每个人都希望自己的编译器主题非常独具一格，在这里我会将HBuilder主题配置的参数和配置方法，大家可以去配置一个属于自己的宝藏主题👰

配置

首先先进入配置的页面：

那么这个用户设置这一块就是我们可以自行定义的模块了，但是在此之前，大家一定要事先把自己的HBuilder的模式改成绿柔，不然你设置的效果是出不来的！！！

参数设置🖤

以下我列出你修改会改变的参数，前面的几个那些参数可以不用动，只是一些默认配置来的，不影响，以下我列出来的参数才是真正能够起到改变作用的参数，直接按照你的喜好来即可🙌

文本编译区

editor.foreground 编辑区前景颜色
editor.background 编辑区背景颜色

工具栏

toolBar.background 工具栏背景颜色
toolBar.border 工具栏边框颜色
toolBar.hoverBackground 工具栏上图标被选中时的背景颜色

文件资源管理器

sideBar.background 背景颜色
sideBar.border 边框颜色

标签卡

editorGroupHeader.tabsBackground tabs背景颜色
tab.activeBackground 选中时的背景颜色
tab.border 边框颜色
tab.inactiveBackground 未选中时的背景颜色
tab.hoverBackground 鼠标滑过时的背景颜色
tab.inactiveForeground 未选中时的前景颜色
tab.activeBorder 选中时的边框颜色
tab.activeForeground 选中时的前景颜色
tab.unfocusedInactiveForeground 未选中分栏里未选中标签的前景颜色
tab.unfocusedHoverBackground 未选中分栏里鼠标滑过未选中标签的背景颜色
tab.unfocusedActiveForeground 未选中分栏里选中标签的前景颜色

分栏

editorGroup.border 分割线颜色
tab.unfocusedActiveForeground 未激活分组里选中标签前景色

按钮

button.background 按钮背景颜色
button.foreground 按钮前景颜色
button.hoverBackground 鼠标滑过按钮背景颜色

文本框

input.background 文本框背景颜色
input.foreground 文本框前景颜色
input.border 文本框边框颜色
focusBorder 文本框有焦点时边框颜色

列表控件/树控件区

list.foreground 前景颜色
list.activeSelectionBackground 选中条目背景颜色
list.activeSelectionForeground 选中条目前景颜色
list.hoverBackground 鼠标滑过背景颜色
list.highlightForeground 高亮时前景颜色
list.inactiveSelectionBackground 未选中条目背景颜色
list.inactiveSelectionForeground 未选中条目前景颜色
explorer.file.status.modified svn/git项目修改状态前景色
explorer.file.status.untracked svn/git项目未跟踪状态前景色
explorer.file.status.added svn/git项目添加状态前景色
explorer.file.status.conflicted svn/git项目冲突状态前景色
explorer.file.status.rename svn/git项目重命名状态前景色
explorer.file.status.marktext svn/git项目标记前景色

文档结构图

outlineBackground 文档结构背景颜色

滚动条

extensionButton.prominentBackground 背景颜色
extensionButton.prominentForeground 前景颜色
extensionButton.border 边框颜色
extensionButton.prominentHoverBackground 鼠标滑过时的背景颜色
extensionButton.checkColor 选中时的前景颜色

搜索下拉框

inputValidation.infoBackground 下拉框背景颜色
inputList.hoverBackground 鼠标滑过item背景颜色
inputList.border 下拉框边框颜色
inputList.titleColor 下拉框左边文字颜色
inputList.foreground 下拉框右边文字颜色

设置部分

editor.background 设置页面背景颜色
inputOption.activeBorder 文本框有焦点时边框颜色
settings.textInputBackground 文本框背景颜色
settings.textInputBorder 文本框边框颜色
settings.textInputDisableBackground 文本框不可用背景颜色
settings.dropdownForeground combobox下拉列表前景颜色
settings.dropdownBorder combobox下拉列表边框颜色
settings.dropdownBackground combobox下拉列表背景颜色
settings.dropdownListBorder combobox item边框颜色

图片预览

imageview.background 浅色方格颜色
imageview.foreground 深色方格颜色

弹窗提示框

notifications.border 弹窗边框颜色
notifications.background 弹窗背景颜色
notifications.foreground 弹窗前景颜色
notification.buttonBorder 弹窗按钮边框颜色
notification.buttonBackground 弹窗按钮背景颜色
notification.buttonForeground 弹窗按钮前景颜色
notification.buttonPressedForeground 弹窗按钮按下前景颜色
notification.buttonPressedBackground 弹窗按钮按下背景颜色
notificationLink.foreground 弹窗链接颜色

文件对比

filediff.line.add 添加行背景颜色
filediff.line.delete 删除行背景颜色
filediff.inline.base 行内比较和右边行有不同字符，左边字符显示颜色
filediff.inline.modify 行内比较和左边行有不同字符，右边字符显示颜色

控制台

terminal.background 终端背景颜色
console.background 控制台背景颜色
panelTitle.activeForeground tab选中时的前景颜色
debug.foreground 前景颜色

状态栏

statusBar.background 状态栏背景颜色
statusBar.foreground 状态栏前景颜色

右侧迷你地图

minimap.handle.background 迷你地图滑块背景