vscode 修改 OneDarkpro 主题色的配色

源起:

今天早上开机美滋滋打开掘金浏览到一篇关于vscode 好用插件的文章,里面提到一个编辑器背景图片的修改,作为文艺的搬砖者肯定是观摩一下,

下载了background 设置后发现:what? 我的编辑器里面jsx 的大括号颜色被修改了,改成了红色:

而之前的颜色是紫色的,色值是:#56b6c2。如图:

颜色被篡改后,左右都不对,感觉像报错了一样,左右没办法,还是要改回直接的颜色。

Step1:

   首先one dark pro 是我们安装的vscode 扩展程序,它的安装目录在 C:\Users\ 你的用户名\.vscode\extensions 。

    我们找到这个目录 打开 zhuangtongfa.material-theme-3.0.3 发现 themes 文件夹下的 OneDark-Pro.json,猜测编辑器主题的颜色是由 里面 所控制的。

  验证下我们的猜测:全局将 #E06C75 也就是被篡改的颜色替换成了 #ca2,保存重启vscode发现编辑器很多色值已经改变。说明猜测是对的。

    

Step2:  

   打开这个json,我们发现这个文件有点大,大概两千多行左右,首先大括号的英文是 brace,我们全局搜索这个单词,发现是有的,修改对应控制的颜色,保存重启vscode 发现并没有生效。

   通过排除比对,最终我们定位到915行:

    

 Step3

    我们将里面的 foreground 色值由 #E06C75 修改为我们想要的颜色 #C678DD ,保存重启vscode发现颜色已经变成之前的样式。ok, 解决。

 

  

posted @ 2019-11-20 14:50  李元夕cool  阅读(11265)  评论(2编辑  收藏  举报