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 下面
json文件

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,可以看到效果
pic

  • 8
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值