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

2025-09-21 12:24:12

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如何更改编辑页面为白色背景?

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢