Vscode官方版是一款十分出色的ide开发工具，Vscode官方版界面美观大方，功能强劲实用，软件支持中文，拥有丰富的插件，支持Windows，OS X和Linux。内置JavaScript、TypeScript和Node.js支持。

说明

目前没看到几个修改活动栏和状态栏的，此处补充一些配置

settings.json配置如下

"workbench.colorCustomizations": {
//菜单栏
"titleBar.activeBackground": "#f9f9f9",
"titleBar.activeForeground": "#050505",
"titleBar.inactiveBackground": "#f2f2f2",
"titleBar.inactiveForeground": "#8a8a8a",
"titleBar.border": "#c0c0c0",
"menu.background": "#f2f2f2",
"menu.foreground": "#050505",
"menu.separatorBackground": "#c0c0c0",
"menu.border": "#f0f0f0",
//活动栏
"activityBar.background": "#f2f2f2",
"activityBar.foreground": "#050505",
"activityBar.border": "#c0c0c0",
//资源管理器
"sideBar.background": "#ffffff",
"sideBar.border": "#c0c0c0",
"sideBarSectionHeader.background": "#f2f2f2",
"sideBarSectionHeader.border": "#c1c1c1", // diff
"sideBar.foreground": "#000000", // diff
// "sideBarTitle.foreground": "#ff0000",
"gitDecoration.modifiedResourceForeground": "#0032a0", //已修改的git文件
//文件列表
"list.hoverBackground": "#1a7dc4",
"list.hoverForeground": "#ffffff",
//文件页签,选项卡
"tab.hoverBackground": "#dadada", // diff
"tab.activeBorder": "#1a7dc4",
"tab.activeForeground": "#000000",
"tab.activeBackground": "#fafafa",
"tab.inactiveForeground": "#000000",
"tab.inactiveBackground": "#f2f2f2",
"tab.border": "#c9c9c9", // diff
"tab.unfocusedHoverBackground": "#27292A", // diff
"tab.unfocusedActiveForeground": "#BBBBBB",
"tab.unfocusedInactiveForeground": "#f2f2f2",
//编辑器tab组
"editorGroup.border": "#ffffff",
"editorGroupHeader.tabsBackground": "#f2f2f2",
"editorGroupHeader.tabsBorder": "#c9c9c9",
//导航
"breadcrumb.background": "#f2f2f2",
"breadcrumb.foreground": "#000000",
//编辑区
"editor.background": "#ffffff",
"editor.foreground": "#816464",
"editorLineNumber.foreground": "#999999",
"editorCursor.foreground": "#000000",
"editor.selectionHighlightBackground": "#e4e4ff", //相同内容的区域颜色
"editor.selectionForeground": "#ffffff",
"editor.selectionBackground": "#5974ab",
"editor.wordHighlightBackground": "#fffae3",
"editor.lineHighlightBackground": "#fffae3", //光标所在行高亮
"editorGutter.background": "#f0f0f0", //行号背景
"editorBracketMatch.background": "#1a7dc4", //括号背景色
"editorBracketHighlight.foreground1": "#000000", //括号颜色
"editorWidget.background": "#f2f2f2", //Ctrl+F查找
"editorWidget.border": "#f9f9f9", //Ctrl+F查找
//缩进参考线，竖线
"editorIndentGuide.activeBackground": "#c9c9c9",
"editorIndentGuide.background": "#c9c9c9",
//状态栏
"statusBar.background": "#f2f2f2",
"statusBar.foreground": "#000000",
"statusBar.border": "#c0c0c0",
//输出 调试控制台 终端...面板
"panel.border": "#c0c0c0",
"panel.background": "#f4f4f4", // diff
"panelTitle.activeForeground": "#000000",
"panelTitle.activeBorder": "#4083c9",
//搜索
"input.background": "#ffffff",
"input.border": "#1a7dc4",
"input.foreground": "#000000",
"inputOption.activeBackground": "#1a7dc4",
"inputOption.hoverBackground": "#ff0000",
"inputOption.activeForeground": "#ffffff",
"inputValidation.infoBackground": "#ff0000",
"badge.background": "#eeeeee",
"badge.foreground": "#000000",
"editor.findMatchBackground": "#ffff00",
"editor.findMatchHighlightBackground": "#ffff00",
"searchEditor.findMatchBorder": "#c9c9c9",
"searchEditor.findMatchBackground": "#c9c9c9",
//编辑器 建议框
"editor.hoverHighlightBackground": "#c9c9c9",
"editorSuggestWidget.background": "#f7f7f7",
"editorSuggestWidget.selectedBackground": "#e0e0e0",
"editorSuggestWidget.selectedForeground": "#000000",
"editorSuggestWidget.foreground": "#000000",
"editorSuggestWidget.border": "#f2f2f2",
//控制台
"terminal.background": "#ffffff",
// "terminal.foreground": "#ff0000",
}

显示效果