vscode修改适合自己的主题颜色

背景:之前一直在Visual Studio上面开发,已经习惯了那种颜色亮色色调,现在转到vs code上开发,换了几个主题,发现都不是很合适,暗色调太费眼,亮色调又太亮,都不是很合适,如果直接单独修改某个窗口或者编辑框颜色就好了。最简单的方式就是在现有的主题上去修改
本文主要参考文章和使用的工具:
vscode美化方法以及定制主题插件
VSCode自定义配色方案
RGB颜色值与十六进制颜色码转换工具
vscode 主题颜色

1.选择需要的修改的主题

这里尽量选用比较简单好改的颜色主题,这里推荐颜色主题 Smile Theme
主题地址https://marketplace.visualstudio.com/items?itemName=oneo.smile-theme

ext install smile-theme

选用原因主要是这个主题的实现文件比较简单,清晰,对相关的控件名称后面的颜色修改掉就行了
下载后的位置在~/.vscode/extensions/oneo.smile-theme-1.2.0/themes 下面
vscode修改适合自己的主题颜色_第1张图片

2.修改控件颜色

面对这么多的控件,如何找到自己要修改的控件名称呢?这里给出参考两个链接
https://www.cnblogs.com/garvenc/p/vscode_customize_color_theme.html
上面这篇博客给出了一些控件名称,基本就够用
https://code.visualstudio.com/api/references/theme-color
上面这篇是vscode官方文档
这里我们简单把编辑器颜色由原来的白色改为薄荷色

"editor.background": "#F0F8FF",

重启下vscode,可以看到效果
vscode修改适合自己的主题颜色_第2张图片

你可能感兴趣的:(IDE)