hbuilderX自定义主题仿vscode暗黑主题

目录

hbuilderX自定义主题仿vscode暗黑主题

效果图

设置方式（把主题代码复制进来即可）

是基于雅蓝主题自定义的 设置好后需要切换到雅蓝主题

hbuilderx保存时自动整理代码

1.首先在顶部栏，找到工具，打开设置

 2.点击旁边的编辑器设置

 3.找到保存时自动格式化，勾选即可

---

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.找到保存时自动格式化，勾选即可