vscode如何更改编辑页面为白色背景?

 时间:2026-02-12 03:16:01

1、打开vscode编辑器,默认展示以下黑色背景

vscode如何更改编辑页面为白色背景?

2、依次打开文件-》首选项-》设置,如下图所示

vscode如何更改编辑页面为白色背景?

3、设置页面内容,如下图所示

vscode如何更改编辑页面为白色背景?

4、依次点击用户-》工作台-》外观,找到Color Theme(指定用在工作台中的颜色主题),如下图所示:

vscode如何更改编辑页面为白色背景?

5、点击此处下拉框,选择浅色(默认浅色),如下图所示

vscode如何更改编辑页面为白色背景?

6、选择完之后,我们会看到此时工作台已经换成白色背景了,如下图所示

vscode如何更改编辑页面为白色背景?

7、此时,会发现左侧导航部分仍为黑色,这里我们需要在设置中,找到文本编辑器,在右侧找到“在settings.json中编辑”,打开。

vscode如何更改编辑页面为白色背景?

8、加入以下极几段代码,如图所示:

"workbench.colorCustomizations": {

        "[Default Light+]": {

            "activityBar.activeBackground": "#E5E5E5", //打开菜单的颜色

            "activityBar.background": "#E5E5E5", // 背景色

            "activityBar.foreground": "#000000", // 前景色(图标)

            // "statusBar.background": "#000",

            // "statusBarItem.remoteBackground": "#000"

        }

    },

vscode如何更改编辑页面为白色背景?

9、保存之后,此时编辑器左侧颜色已经改正过来了,如下图所示:

vscode如何更改编辑页面为白色背景?

  • 在VScode中如何将界面语言设置为中文
  • cmd切换到d盘
  • idea怎么改变背景颜色
  • 如何将pycharm界面设置成白色
  • navicat怎么连接mysql
  • 热门搜索
    爱国的手抄报 植树节手抄报简单好看 中秋节手抄报 建党节手抄报 珍爱生命手抄报 劳动最光荣手抄报 环境保护手抄报 诗歌手抄报 爱国手抄报简单又漂亮 植树节手抄报