VSCode默认主题就是Dark+,直接打开settings.json文件更改
- 1.工作区界面的颜色更改,主要是背景色
- 2.代码颜色
- 3.总的代码
1.工作区界面的颜色更改,主要是背景色
![黄色圆圈为我修改的地方](https://img-blog.csdnimg.cn/2519e15bcb194eb88c26d6914efbc380.png)
在这一部分,我主要更改了4个块的颜色(即上图的4个黄色圆圈部分),代码如下
"workbench.colorCustomizations": {
"[Default Dark+]": {
"activityBar.background": "#2b2b2b",
"editor.background": "#2b2b2b",
"panel.background": "#2b2b2b",
"sideBar.background": "#2b2b2b",
},
},
修改后的界面
![在这里插入图片描述](https://img-blog.csdnimg.cn/38c60a2122f740ffb217e76640daf3a7.png)
此时的字体的颜色还是很刺眼,需要改为暗一点的。
2.代码颜色
![在这里插入图片描述](https://img-blog.csdnimg.cn/5206938616b74c1f9bd7fb250aca551c.png)
"editor.tokenColorCustomizations":{
"[Default Dark+]": {
"functions": "#CE9178",
"variables": "#a9b7c6",
"strings": "#CE9178",
"numbers": "#3e88c1",
}
}
同时,去掉花里胡哨的()[]{}颜色显示
设置里搜索 bracket,去掉红圈里的选项
![在这里插入图片描述](https://img-blog.csdnimg.cn/3812e7a2695f4c8e9c3e04f9d02fde9d.png)
增加一些textMateRules颜色选项,就OK了
最终的效果,图片可能不是特别明显
![在这里插入图片描述](https://img-blog.csdnimg.cn/c3b3adfe9ad046b5bd55120a50936f6d.png)
3.总的代码
settings.json
{
"files.associations": {
"typeinfo": "c"
},
"editor.tokenColorCustomizations":{
"[Default Dark+]": {
"functions": "#CE9178",
"variables": "#a9b7c6",
"strings": "#CE9178",
"numbers": "#3e88c1",
"textMateRules": [
{
"scope": "constant.other.placeholder",
"settings": {
"foreground": "#80b6d3"
}
},
{
"scope": "keyword.control",
"settings": {
"foreground": "#C586C0"
}
},
{
"scope": "keyword.operator",
"settings": {
"foreground": "#CE9178"
}
},
{
"scope": "storage.modifier",
"settings": {
"foreground": "#f09090"
}
},
{
"scope": "entity.name.type.class",
"settings": {
"foreground": "#c0526a"
}
},
{
"scope": "storage.type.primitive.java",
"settings": {
"foreground": "#c0526a"
}
},
{
"scope": "entity.name.type.interface",
"settings": {
"foreground": "#c0526a"
}
},
{
"scope": "entity.name.namespace",
"settings": {
"foreground": "#74817c"
}
},
{
"scope": "entity.name.tag",
"settings": {
"foreground": "#d35c5c"
}
}
]
}
},
"workbench.colorCustomizations": {
"[Default Dark+]": {
"activityBar.foreground": "#ff0000",
"activityBar.background": "#2b2b2b",
"editor.foreground": "#a9b7c6",
"editor.background": "#2b2b2b",
"panel.background": "#2b2b2b",
"sideBar.foreground": "#a9b7c6",
"sideBar.background": "#2b2b2b",
}
}
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)