目录
hbuilderX自定义主题仿vscode暗黑主题
效果图
设置方式（把主题代码复制进来即可）
是基于雅蓝主题自定义的 设置好后需要切换到雅蓝主题
"workbench.colorCustomizations": {
"[Default]": {},
"[Monokai]": {},
"[Atom One Dark]": {
"editor.background": "#1E1E1E",
"sideBar.background": "#252526",
"sideBarSectionHeader.background": "#263238",
// 底部状态栏
"statusBar.background": "#007ACC",
"statusBar.button.hoverbackground": "#005c99",
"statusBar.foreground": "#ffffff",
//终端
"terminal.background": "#1E1E1E",
"terminal.foreground": "#ffffff",
"panelTitle.activeForeground": "#ffffff",
"console.background": "#1E1E1E",
"debug.background": "#1E1E1E",
// 标签卡
// "tab.Background":"#707070",
"editorGroupHeader.tabsBackground": "#2D2D2D", //背景颜色
"tab.border": "#252526", //边框颜色
"tab.activeBorder": "#252526", //选中时的边框颜色
"tab.activeBackground": "#1E1E1E",
"tab.activeForeground": "#FFF",
"tab.inactiveBackground": "#2D2D2D", //未选中时的背景颜色
"tab.inactiveForeground": "#969690",
"tab.hoverBackground": "#3E3E3E",
// "tab.unfocusedActiveBorder": "#546E7A"
//标题栏
// "titleBar.activeBackground": "#DDDDDD",
// "titleBar.activeForeground": "#FFF",
// "toolBar.background": "#ececec",
"toolBar.border": "#474747",
"toolBar.hoverBackground": "#F3f3f3",
//列表控件
// "list.foreground": "#495C66", //前景颜色
"list.activeSelectionBackground": "#3B4040",
"list.activeSelectionForeground": "#4690F0",
"list.hoverBackground": "#3B4040"
}
}
hbuilderx保存时自动整理代码
1.首先在顶部栏，找到工具，打开设置
2.点击旁边的编辑器设置
3.找到保存时自动格式化，勾选即可
