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" //状态栏背景
相关推荐
VidDown6 天前
VidDown 工具站:免费、本地优先的开发者工具箱
javascript·编辑器·音视频·视频编解码·视频
摇滚侠6 天前
IDEA 创建 Java 项目 手动整合 SSM 框架
java·ide·intellij-idea
霸道流氓气质6 天前
Trae IDE 新手入门指南
ide
VidDown6 天前
显卡处理视频技术详解:从硬解码到 NVENC,GPU 如何让视频处理起飞?
javascript·编辑器·音视频·视频编解码·视频
夜猫逐梦6 天前
【UE基础】03.蓝图与编辑器工作流
编辑器·ue·蓝图·ue编辑器
VidDown6 天前
视频帧率技术详解:从 24fps 到 120fps,帧率如何影响你的观看体验?
网络·网络协议·编辑器·音视频·视频编解码·视频
爱就是恒久忍耐6 天前
VSCode里如何比较2个branch
ide·vscode·编辑器
意法半导体STM326 天前
【官方原创】如何为STM32CubeMX2配置Visual Studio Code配置方案
vscode·stm32·单片机·嵌入式硬件·策略模式·stm32cubemx·嵌入式开发
bloglin999996 天前
vscode中可视化的合并分支,在“合并编辑器中解析”中“与基线进行比较”是什么意思
ide·vscode·编辑器
终将老去的穷苦程序员6 天前
IntelliJ IDEA 的安装教程
java·ide·intellij-idea