微信开发者工具本身外观可以选择

除此之外还可以自己修改

修改文件即可(复制粘贴即可)

配置文件的理解(部分翻译)

{// 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"
}

注意¥¥¥
我自己重新进入开发工具 需要重新配置 。

微信开发者工具 页面颜色调整(多与黑白)相关推荐

  1. 从0开始学习开发微信小程序(熟悉微信开发者工具页面,简单修改、添加一些内容)

    目录 从0开始学习开发微信小程序 准备工作 下载安装微信开发者工具.注册小程序账号 创建小程序 实际操作学习基本功能 写一个名为new的页面. 修改主页的"Hello World" ...

  2. uni-app修改代码,微信开发者工具不更新

    经过:在页面上写代码(HTML部分),无论如何,微信开发者工具显示页面都不更新,尝试过 刷新 热加载 开/关 重新进入小程序 关闭微信开发者工具,重启 调整通用设置 详情-本地设置 移走unpacka ...

  3. 微信开发者工具如何调整代码工具的字体大小-mac版

    在mac上使用微信开发者工具,字体太小有点累眼睛.如何调整呢? 如下图,在工具啦,找到"设置"-"通用设置" 在弹出新页面后,需要我们再次选择,找到导航器,点击 ...

  4. 微信开发者工具 wxmi修改模版颜色_网站建设公司讲解:微信小程序的开发者工具界面...

    网站建设公司深圳市博纳网络信息技术有限公司()讲解:微信小程序的开发者工具界面 创建项目后,进入到微信开发者工具界面,界面大致可以分为6个区域:①菜单栏区域,②模拟器.编辑器.调试器显示与隐藏区域,③ ...

  5. 微信开发者工具之页面跳转

    1.声明式页面导航(跳转): //跳转到tabBar页面 <navigator url="路径" open-type="switchTab">打开t ...

  6. 微信开发者工具:代码更新后页面未刷新

    问题 微信开发者工具代码更新后页面未更新.只用通过手动点击编译才可更新页面 尝试过稳定版 16.15 版本均未解决 开发环境 项目配置:Taro3 + React17 + Node18 + @antm ...

  7. 历史 微信开发者工具_不用微信开发者工具也能调试微信页面

    一般调试微信页面的时候,我们都会按照微信开发的官网教程,让你去安装微信开发者工具,然后在微信开发者工具上调试, 这样有时候会不会感觉很麻烦? 而且这个工具还经常卡死. 1515737321133.jp ...

  8. [小程序] 微信开发者工具下载与安装 WXMLfor if 模板页面引用 tabBar

    文章目录 帐号设置 微信开发者工具 1.工具的下载与安装 2.helloworld项目 小程序目录结构及配置 1.目录结构 2.全局配置文件app.json 3.全局样式文件app.wxss 4.小程 ...

  9. 利用微信开发者工具获取小程序指定页面路径!

    利用微信开发者工具获取小程序指定页面路径! 小程序不同于app,小程序的每个页面都有页面路径.在使用微信小程序的过程中,很多场景都要使用到小程序的页面路径.比如微信图文中的小程序,公众号菜单中的小程序 ...

最新文章

  1. RLCenter云平台配置中心
  2. 【20160924】GOCVHelper综述
  3. Java设计模式-责任链模式
  4. Eclipse安装STS插件
  5. 一天完成一点,进度太慢了啊
  6. (04)FPGA学习基础
  7. double 乘法_老大说:谁要再用double定义商品金额,就自己收拾东西走 | 文末福利...
  8. garmin 945_点评:Garmin Nuvi 350 GPS
  9. 最近电信宽带换光纤了,免费教大家破解电信光纤猫
  10. 机器人操作系统ROS简介
  11. 联想换机助手_三星s换机助手下载-三星S换机助手 安卓版v3.6.07.11-PC6安卓网
  12. 财智V6.0(完美破解序列号特别版)
  13. 中班音乐计算机反思,中班音乐游戏打字机教案反思
  14. Endnote 域代码已更改
  15. 【Blender】三维建模介绍及Blender入门
  16. 芭蕉树上第二十根芭蕉-- c++路线
  17. 基于com的delphi和matlab接口编程研究,基于COM组件的VB与MATLAB接口编程(续)
  18. 【方法】Chrome如何下载视频
  19. Scala 继承和特质
  20. 第157篇 合约安全-随机数

热门文章

  1. 山特UPS不间断电源的主要技术参数
  2. 使用PYQT5打开电脑摄像头并进行拍照
  3. js实现问卷星根据答案自动填写2019年11月
  4. 20190917练习题总结——选择题
  5. ab压力测试并发测试基于HTTP
  6. android图形动画
  7. Proteus + μVision Keil单片机仿真教程(一)点亮一个LED
  8. 2020/09-2020/11 读书摘录
  9. ansible自动化部署nginx艾艾贴
  10. 一辉Oo的视觉算法学习笔记2