【vscode】背景设置为浅色

hi,斯人若彩虹

已于 2023-06-09 15:45:53 修改

阅读量2.9k

点赞数

文章标签： vscode ide 编辑器

于 2023-06-09 15:14:04 首次发布

本文链接：https://blog.csdn.net/weixin_46942725/article/details/131127942

版权

文章介绍了两种方法更改VSCode的背景颜色，首选是通过菜单栏File>Preferences>Settings，或使用Ctrl+,快捷键，然后在工作台>外观设置。另一种方法是选择了粉紫色调，提供了更快速的个性化选项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

个人比较喜欢浅色系，下面就来教大家怎么把自己的vscode背景色设置为浅色吧，两分钟快速搞定，改完之后看着太舒心了。

方法一

打开 VS Code 编辑器
在顶部菜单栏中，依次单击 File（文件） > Preferences（首选项） > Settings（设置），或者使用快捷键 Ctrl + ，（逗号）打开设置面板
在设置下面的用户 >工作台 >外观里进行设置

方法二

发现了一个更快捷高校的设置啊
在这里插入图片描述
设置了粉紫色，太爱了~

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

hi,斯人若彩虹

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

在VScode中设置背景色

DpgrMl的博客

09-26

6069

您可以从列表中选择一个主题，也可以单击“打开文件”图标，从本地文件系统中选择一个主题文件（.json）。如果您想要使用自定义的背景色，请单击下拉菜单末尾的“更改背景色”链接，这将打开一个颜色选择器。因此，在您的VScode中，您可能会看到不同的设置选项和主题名称。在“设置”面板中，您将看到一个搜索框。一旦选择了一个主题，您将在“设置”面板中看到该主题的设置选项。在VScode中，单击左侧的“文件”菜单，然后选择“首选项”>“设置”。完成背景色的调整后，单击“设置”面板右上角的“保存”按钮，以保存您的设置。

vscode常用主题推荐

jingling122的博客

06-17

2631

当谈到VSCode的主题推荐时，有很多受欢迎且功能丰富的选择。

参与评论您还未登录，请先登录后发表或查看评论

Visual Studio Code (VS Code) - Windows - 下载 - 安装 - 浅色主题 - 中英文切换

程永强

10-29

969

Visual Studio Code (VS Code) - Windows - 下载 - 安装 - 浅色主题 - 中英文切换

优化VsCode终端样式

qq_53132438的博客

03-16

332

【代码】优化VsCode终端样式。

冷门但好看的 VSCode 主题推荐

热门推荐

weixin_68789096的博客

08-09

1万+

这篇文章介绍了 10 个 VSCode 颜色主题，希望能够帮助你找到心仪的颜色主题～除了颜色主题，我们还可以对编码的字体进行切换，全方位地提高开发的体验，我的这篇文章你最喜欢的颜色主题是什么呢？欢迎大家在评论区分享自己最喜欢的颜色主题😆。

VSCode：vscode侧边工具栏设置为白色浅色

qq_45477402的博客

11-01

293

vscode侧边工具栏设置为白色浅色

vscode-theme-prism:vscode的浅色主题

05-14

VScode怎么设置浅色页面以及放大字体教程

weixin_47708503的博客

02-14

497

我感觉这个浅色主题最护眼，纯白色也有点刺眼，大家可以选择自己喜欢的主题。眼睛受不了了，感觉浅更护眼一些，顺便把字体也调整大一些。搜索：editor.fontSize。在框里输入想要的字体大小。快捷键：ctri+,

用vscode读代码：下载、中文显示、深浅模式调整

素手挽剑

05-10

749

用vscode读代码：下载、中文显示、深浅模式调整 1.下载 https://code.visualstudio.com/Download linux比较麻烦，下了Windows的安装，很简单 2.变成中文显示自带了中文包，切换即可（注意，我下载的是VSCodeUserSetup-x64-1.56.0 版本） Ctrl+shift+P,弹出命令行，选择"Configure Display Language" 直接选择Chinese即可 3.浅色/深色模式我下载的默认浅色模式。打开VScode ctr

VScode设置背景颜色

m0_62207482的博客

12-24

5238

4.使用键盘上下方向键即可选择不同颜色的背景。1.打开VSCode,点击左上角文件选项。

VS Code怎么换颜色

最新发布

weixin_48884558的博客

04-15

703

"activityBar.background": "#FFFFFF" // 活动栏纯白。"editor.background": "#FFFFFF", // 编辑器背景纯白。"statusBar.background": "#FFFFFF", // 状态栏纯白。"sideBar.background": "#FFFFFF", // 侧边栏纯白。在 VS Code 中，你可以通过修改主题或自定义编辑器颜色来将界面改为白色。：安装浅色主题扩展（如 One Light Pro）。切换到你安装的主题。

keil MDK V4 V5实现vscode背景黑色背景色保护眼睛设置深色背景色

04-29

keil MDK V4,V5实现深色背景，保护眼睛，保护色，仿VScode风格，自行配置，操作简单，下载文件直接替换就可以，先备份原文件再替换哦

vscode自定义theme，护眼java主题

11-13

绿色活动栏，纯黑代码背景更加护眼，绿色高亮关键字，错误提醒黄色波浪线更加醒目和护眼加压后，将压缩包内的文件夹拷贝到vscode安装目录-->resources-->app-->extensions内，在vscode中设置-->颜色主题-->Eric Dark

vscode养眼visual studio样式，综合了vs和dark+

10-07

纯黑样式，护眼，另外对java的做了单独优化，放在安装目录C:\Program Files\Microsoft VS Code\resources\app\extensions\theme-defaults\themes下面，覆盖即可

vscode主题清新绿色为主调

11-08

vscode自定义的养颜绿色主题，长久使用不会有眼疲劳的问题，采用淡淡的草绿色为背景色，配合深绿色和深蓝色为自提颜色，搭配舒服

vscode背景颜色设置白色

02-22

### 如何在 VSCode 中将背景颜色设置为白色为了更改 Visual Studio Code 的背景颜色至白色，可以通过修改主题或自定义样式来实现。以下是具体方法： #### 方法一：切换到浅色主题 Visual Studio Code 自带多种...

vscode背景颜色混合代码

09-04

4. 如果你想使用自定义的 CSS 代码作为背景，可以将背景设置更改为字符串形式，并包含 CSS 代码，比如： ```json "editor.background": "url('path/to/your/custom-background-image.png')", ``` 5. 保存设置并...

VSCODE背景一直是白色

07-13

3. 修改`"workbench.colorTheme"`设置，选择你喜欢的暗色、浅色或其他主题。VSCode有许多预设的主题供选择，如"Monokai Pro"、"Material"等，或者你可以选择自定义颜色方案。 4. 如果你想保存这个更改作为个人设置，...

VSCode美化

Schaffer的博客

04-02

2369

今天有空收拾了一下VSCode，页面如下，个人觉得还是挺好看的~~