vsCode如何自定义编辑器背景色

有时候安装的主题代码配置颜色很符合自己的要求,就是背景色差强人意,下面来教你如何更改背景色

一、vsCode左下角找到设置按钮。

二、选择设置

三、按照如下顺序,找到settings.json文件

看配置文件中是否有 workbench.colorCustomizations配置项

如果没有的话,可以按照上面的格式添加代码

复制代码
  "workbench.colorCustomizations": {
      "editor.background": "#F00", 
  },

如果有的话,只需要更改editor.background的十六进制颜色值即可。

保存即生效。

如果想定义侧边栏等的颜色,可以参考下面的设置项,都是放在workbench.colorCustomizations配置对象中。

复制代码
"editorWidget.background": "#252535",  // 弹出窗口背景(如自动补全)
"sideBar.background": "#1A1A28",  // 侧边栏背景
"activityBar.background": "#1A1A28", // 活动栏背景
"statusBar.background": "#2D2D3A" //状态栏背景
相关推荐
山峰哥6 天前
吃透 SQL 优化:告别慢查询,解锁数据库高性能
服务器·数据库·sql·oracle·性能优化·编辑器
Diligently_6 天前
idea 中vm option 配置
java·ide·intellij-idea
holeer6 天前
【V1.0】Typora 中的 HTML 支持|软件文档自翻译
前端·编辑器·html·typora·web·markdown·文档
我命由我123456 天前
在 Android Studio 中,新建 AIDL 文件按钮是灰色
android·ide·android studio·安卓·android jetpack·android-studio·android runtime
硬汉嵌入式6 天前
Vim 9.2版本正式发布
编辑器·vim
Hello World . .6 天前
Linux:线程间通信
linux·开发语言·vscode
AC赳赳老秦6 天前
云原生AI故障排查新趋势:利用DeepSeek实现高效定位部署报错与性能瓶颈
ide·人工智能·python·云原生·prometheus·ai-native·deepseek
被制作时长两年半的个人练习生6 天前
claude code for vscode 配置 qwen3.5
ide·vscode·claude code·qwen3.5
圣心6 天前
Visual Studio Code 中的 AI 智能操作
ide·人工智能·vscode
吹牛不交税6 天前
关于vscode左侧资源管理器目录层级疑似异常的问题
ide·vscode·编辑器