不知道各位小伙伴平时写代码的时候，有没有折腾VS Code外观的爱好？

编辑器主题、图标、甚至状态栏颜色，能改的地方几乎都被大家玩了个遍。但之前有一块区域，一直是铁板一块，怎么改都不动，那就是Copilot‑Agent的聊天窗口。

不管你怎么换编辑器主题，侧边AI聊天面板永远老老实实跟着系统配色走。很多颜值党就很难受：代码区是炫酷的暗色紫调，结果旁边AI对话框还是平平无奇纯色底板，两边画风割裂，看着特别别扭。你想给自己的AI聊天窗整点氛围感，以前完全做不到。

新版VS Code终于补上这块短板：**Agent窗口现在支持自定义背景图片、背景颜色**。

简单说，现在你可以单独给AI对话面板设置背景，和主编辑器区分开来。不再是整个IDE一套主题走到底。喜欢氛围感的同学，可以放上一张淡淡的壁纸；想要极简风格，也可以单独调深或者调浅聊天区域底色。

下面大家就可以跟着我的步伐来自顶一下聊天窗口的背景把
首先还是使用命令面板ctrl shift p这个神奇的命令，搜索chat set b
![在这里插入图片描述](https://developer.qcloudimg.com/http-save/yehe-11859176/6989c31e8c9b70c8d40d63f21213c17f.png)
点击之后，会弹出2个选项
![在这里插入图片描述](https://developer.qcloudimg.com/http-save/yehe-11859176/38cee39d94ec6711afe2dfee9d7ebc5a.png)
第一个是可跟随主题自动变色的 Codicon 图标平铺图案来进行设置背景

这里的组合新词Codicon 是取自vscode里面的code+icon而成，就是 VS Code 内置那套 UI 图标字体（文件夹、bug、灯泡、git 标记那些小图标）

![在这里插入图片描述](https://developer.qcloudimg.com/http-save/yehe-11859176/06c096a02114c25f07246e61621df91e.png)
第二种就是自己上传一张背景图，这种方式也是我更喜欢的一种方式

不过再上传自己的图片之前，建议先设置下背景布局，一边图片不会走样

![在这里插入图片描述](https://developer.qcloudimg.com/http-save/yehe-11859176/dc9fa6e31bffba513758175a709f9fcf.png)
vscode支持多种布局

![在这里插入图片描述](https://developer.qcloudimg.com/http-save/yehe-11859176/d7e24b98ff3f116cf8014f1d09bfc4f3.png)
这里一边建议选择stretch，它可以占满整个空间，如下是设置好的一个背景

![在这里插入图片描述](https://developer.qcloudimg.com/http-save/yehe-11859176/6db4321153bd721ddb2f42209e71f23e.png)

这个小特性看着只是一个花活，实际上还真有实用价值。

第一点就是**视觉分区**。敲代码的主编辑区和AI聊天窗口，用背景直接做出区分。当你一边看代码，一边来回滚动AI给出的大段建议的时候，眼睛扫屏幕，可以瞬间分清哪一块是自己写的源码，哪一块是AI输出的内容。不用反复仔细辨认，降低视觉疲劳。

第二点，个性化。很多开发者写代码已经不只是完成工作，折腾IDE本身也是一种乐趣。以前大家改完编辑器、改终端；现在终于轮到AI聊天面板。网上马上就会出现一大批好玩的配置片段，淡星空、低饱和度磨砂壁纸，甚至复古纹理，都可以往上堆。

 

这个更新一出，估计很快社区就会涌现一大批好玩的背景配置。

那么问题来了，如果是你，你会给Agent聊天面板上什么背景？是纯色极简，还是一张氛围感壁纸？

编辑器主题、图标、甚至状态栏颜色，能改的地方几乎都被大家玩了个遍。但之前有一块区域，一直是铁板一块，怎么改都不动，那就是Copilot‑Agent的聊天窗口。

VS Code又整活！Agent聊天窗口终于支持自定义背景了

开发工具

前端

编程语言

VSCode新版支持自定义Copilot聊天窗口背景，告别AI面板与编辑器主题割裂的问题。通过命令面板搜索“Chat Set Background”，可选用内置Codicon图标图案或上传个人图片，配合stretch布局实现完美铺满。该功能提升视觉分区与个性化体验，降低代码与AI建议的视觉混淆，满足颜值党需求，社区预计将涌现大量创意背景配置。

Agent

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

VSCode新版支持自定义Copilot聊天窗口背景，告别AI面板与编辑器主题割裂的问题。通过命令面板搜索“Chat Set Background”，可选用内置Codicon图标图案或上传个人图片，配合stretch布局实现完美铺满。该功能提升视觉分区与个性化体验，降低代码与AI建议的视觉混淆，满足颜值党需求，社区预计...

VS Code又整活！Agent聊天窗口终于支持自定义背景了-腾讯云开发者社区-腾讯云

VS Code又整活！Agent聊天窗口终于支持自定义背景了

VS Code又整活！Agent聊天窗口终于支持自定义背景了

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐