微信开发者工具本身外观可以选择
除此之外还可以自己修改
修改文件即可(复制粘贴即可)
配置文件的理解(部分翻译)
{
// The theme was generated based on a specific editor theme.
"baseEditorTheme": "wechat-light",
"colors": {
// Color configs of the theme.
// Only supports hex string colors, like #FF000 or #DDD.
// Leave an empty string if you want to keep the default color.
// The dashboard background color of the entrance window 入口窗口的仪表板背景颜色
"entrance.dashboard.background": "",
// The dashboard foreground color of the entrance window 入口窗口的仪表板前景颜色入口窗口的仪表板前景颜色
"entrance.dashboard.foreground": "",
// The sidebar background color of the entrance window 入口窗口的侧边栏背景色
"entrance.sideBar.background": "",
// The sidebar foreground color of the entrance window入口窗口的侧边栏前景颜色
"entrance.sideBar.foreground": "",
// The header body background color of the settings window设置窗口的标题正文背景色
"settings.body.background": "",
// The header body foreground color of the settings window设置窗口的标题正文前景色
"settings.body.foreground": "",
// The header background color of the settings window//设置窗口的标题背景色
"settings.header.background": "",
// The header foreground color of the settings window设置窗口的标题前景色
"settings.header.foreground": "",
// The devtools accent color of the inspector view检查器视图的开发工具主题色
"workbenchext.devtools.accent": "",
// The devtools background of the inspector view检查器视图的开发工具背景
"workbenchext.devtools.background": "",
// The devtools foreground of the inspector view检查器视图的前景
"workbenchext.devtools.foreground": "",
// The devtools body background of the inspector view检查器视图的开发工具正文背景
"workbenchext.devtoolsBody.background": "",
// The header background of the workbench window工作台窗口的页眉背景
"workbenchext.header.background": "",
// The header border color of the workbench view工作台视图的标题边框颜色
"workbenchext.header.border": "",
// The header foreground of the workbench window工作台窗口的页眉前景
"workbenchext.header.foreground": "",
// The simulator area background of the workbench window工作台窗口的模拟器区域背景
"workbenchext.sideBar.background": "",
// The sidebar border color of the workbench window工作台窗口的侧边栏边框颜色
"workbenchext.sideBar.border": "",
// The simulator area foreground of the workbench window工作台窗口的前景的模拟器区域
"workbenchext.sideBar.foreground": "",
// The statusbar background of the workbench view工作台视图的状态栏背景
"workbenchext.statusBar.background": "",
// The statusbar border color of the workbench view
工作台视图的状态栏边框颜色
"workbenchext.statusBar.border": "",
// The statusbar foreground of the workbench view工作台视图的状态栏前景
"workbenchext.statusBar.foreground": "",
// The titlebar background of the workbench window 工作台窗口的标题栏背景
"workbenchext.titleBar.background": "",
// The titlebar foreground of the workbench window 工作台窗口的标题栏前景
"workbenchext.titleBar.foreground": "",
// The toolbar section background of the workbench window 工作台窗口的工具栏部分背景
"workbenchext.toolBar.background": "",
// The toolbar section foreground of the workbench window 工作台窗口前景的工具栏部分
"workbenchext.toolBar.foreground": ""
},
"$schema": "https://dldir1.qq.com/WechatWebDev/plugins/editor/wechat-miniprogram_wx-json/1.0.0/theming.schema.json"
}
注意¥¥¥
我自己重新进入开发工具 需要重新配置 。