vscode侧边栏等字体颜色设置(每个部分的颜色都可以自己调)

vscode侧边栏字体颜色设置(每个部分的颜色都可以自己调)

首先我用的是Ayu插件,这个插件Dark主题的字体颜色什么的我都很喜欢,但是偏偏侧边栏以及底栏的字体和背景几乎颜色一模一样(区别度很小),这样在看的时候就很难受。如图:
在这里插入图片描述:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
这种难以分辨的颜色真的让我这个强迫症受不了,所以便衍生了自己修改json文件的想法,来自定义这部分的颜色。
在网上找了很多,但都无果,但自己无意间ctrl shift +p看到了这个文件:

在这里插入图片描述
也就是:开发人员:使用当前设置生成颜色主题
点进去,就看到了这个json文件,突然发现这不就是我要找到东西么,这里面有所有部分的颜色配置信息,找到之后就自己进行修改。在这里插入图片描述
在setting.json文件中添加这一部分:
在这里插入图片描述
“workbench.colorTheme”: “Ayu Dark”,

"workbench.colorCustomizations": {
"sideBarSectionHeader.background": "#0a0e14",
	"sideBarSectionHeader.border": "#0a0e14",
	"sideBarSectionHeader.foreground": "#9a9aa0",
	"sideBarTitle.foreground": "#babbbd",
"statusBar.foreground": "#cfd0d4",
"tab.inactiveForeground": "#e1e1e6",
"icon.foreground": "#c7cdd3",
"foreground": "#8383a1",//就是这一行

就成功修改了颜色,这是修改完之后的效果图:
在这里插入图片描述
在这里插入图片描述
相比于之前的明显清楚了很多,具体的颜色还可以自己设置,我这里只是随便设置了一个相对区别度大一些的颜色。

希望能帮助到和我遇到一样问题的伙伴!

最后展示一下我个人觉得算是最好的vscode主题插件Ayu(好看的主题真的能提升码代码的积极性!!!)
在这里插入图片描述

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/Alex_emma/article/details/115803637