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, 解决。