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

最新推荐文章于 2025-04-15 14:13:59 发布
最新推荐文章于 2025-04-15 14:13:59 发布
阅读量305 收藏
点赞数 3
文章标签： vscode ide visual studio code
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_45477402/article/details/125318574
版权

vscode主题设置成了浅色，但是侧边栏仍然是灰色
在这里插入图片描述
解决方法：
打开设置json文件，并添加如下代码：

"workbench.colorCustomizations": {
    "[Default Light+]": {
        "activityBar.activeBackground": "#ffffff",
        "activityBar.background": "#eeeeee",
        "activityBar.foreground": "#000000"
    }
},
"workbench.colorTheme": "Default Light+"

在这里插入图片描述

【工具贴】关于Visual Studio Code（VSCode）你想知道的一切
DZ Space
11-22 5247
Visual Studio Code（简称VSCode）是微软推出的一款免费、开源、跨平台的代码编辑器。它能够在Windows、Linux、macOS等多种操作系统上运行，这使得不同系统的开发者都可以使用它来进行代码编辑工作。虽然它本质上是一个编辑器，但通过安装各种插件，它可以扩展功能，在一定程度上实现类似编译器的功能，从而支持多种编程语言，像C++、Python、Java、C#、Go等。
解锁VSCode：打造你的专属编程神器
2302_80643506的博客
02-15 935
VSCode 作为一款功能强大、高度可定制且拥有丰富插件生态的代码编辑器，已经成为众多开发者的首选工具。它以其跨平台的兼容性、轻量级的特性和强大的功能，为我们提供了高效的代码编辑环境。通过本文，我们详细了解了 VSCode 的下载与安装过程，熟悉了其基础功能，掌握了插件的安装与使用方法，学会了对其进行个性化定制，还通过实战应用体验了它在项目开发中的强大作用。无论是新手开发者还是经验丰富的编程高手，都能在 VSCode 中找到适合自己的开发方式。
vscode-theme-prism:vscode的浅色主题
05-14
棱镜 基于默认灯光主题的灯光主题。 推荐设置 "editor.scrollbar.verticalScrollbarSize" : 18 ,
【vscode】背景设置为浅色
数据打工人的博客
06-09 3017
个人比较喜欢浅色系，下面就来教大家怎么把自己的vscode背景色设置为浅色吧，两分钟快速搞定，改完之后看着太舒心了。
VS Code怎么换颜色
最新发布
weixin_48884558的博客
04-15 2102
"activityBar.background": "#FFFFFF" // 活动栏纯白。"editor.background": "#FFFFFF", // 编辑器背景纯白。"statusBar.background": "#FFFFFF", // 状态栏纯白。"sideBar.background": "#FFFFFF", // 侧边栏纯白。在 VS Code 中，你可以通过修改主题或自定义编辑器颜色来将界面改为白色。：安装浅色主题扩展（如 One Light Pro）。切换到你安装的主题。
VSCode侧边工具栏设置为白色
xiangzhihong8的专栏
01-27 3648
我已经将VSCode主题设置成了浅色，但是侧边栏仍然是灰色，如下图所示。 那怎么将左边的工具栏也设置成白色呢？我们可以使用【ctrl +shift +p】快捷键输入【setting】然后选择【Open Setting(Json)】打开setting.json文件，然后添加如下内容。 "workbench.colorCustomizations": { "[Default Light+]": { "activityBar.activeBackground": "#ffffff",
10个漂亮的VSCode浅色（Light）主题
热门推荐
前端全栈开发者
08-27 2万+
为VS Code选择主题时，可以使用的数量几乎是无限的。我之前写过一篇文章，介绍了VS Code的漂亮主题。但是，有一位细心的读者提到，这些主题都是黑暗主题。 在白天敲代码的时候，一般建议使用浅色（Light）的主题。由于大多数程序员会在白天花大部分时间编码，所以一个漂亮的浅色主题是必不可少的。 在本文中，我将为那些不想在黑暗主题中编码的人分享10个很棒的浅色主题，你现在就可以开始使用这些主题之一。 1. Atom One Light Atom One Light主题是安装次数最多的light主题，拥有超.
【VSCode终端使用高级技巧】：成为JavaScript_TypeScript开发高手
![【VSCode终端使用高级...无论您是刚刚开始使用VSCode，还是已经有一定的使用经验，了解终端的基本使用方法都是提高开发效率的关键。 首先，我们会探讨如何启动VSCode中的终端。这是一个简单的步骤：您可以通过点击
Flutter Scaffold 页面结构
小龙在线
02-03 1120
在app/themes/app_theme.dart下定义两个主题样式：一个浅色，一个深色。));));上面的小部件都是放在一起，我们还可以把一些把页面的部分小部件单独放到一个文件里，这里以appBar为例：@override@overridetitle: Text("页面标题"),print("这是导航菜单");},actions: [print("这是Action位置");},],// 设置标签栏Tab(),Tab(]),
[240830] 分布式系统的未来：机遇与挑战 | LibreOffice 24.8 新功能概览
edwinjhlee的博客
08-30 647
- 分布式系统的未来：机遇与挑战 - LibreOffice 24.8 新功能概
vscode-white-owl-transparent-theme:浅白色透明主题，用于充满活力的VS Code，具有蓝绿色和淡紫色调
04-04
白猫头鹰透明主题 浅白色透明主题，带有蓝绿色和薰衣草味 安装 首先，克隆修补的vscode存储库： git clone https://github.com/anthroid/vscode.git 构建补丁的vscode： cd vscode yarn ./scripts/code.sh 将此存储~/.vscode-oss-dev/extensions到您的~/.vscode-oss-dev/extensions文件夹中，以安装主题： cd ~ /.vscode-oss-dev/extensions git clone https://github.com/anthroid/vscode-white-owl-transparent-theme.git 配置 设置window.vibrancy在设置样式或添加"window.vibrancy": "medium-light"你set
polychrome-vscode-themes:vs为vscode生成了浅色和深色双色主题
05-11
VS代码的多色主题 在整个工作台上使用生成了Duotone主题！ 灵感来自所做的工作以及Atom的双色调主题的创建。 特征 此扩展附带两个可以修改的基本主题： 彩暗 彩灯 创建自己的 同样，这些是基本主题。 您可以根据自己的喜好在“ User Settings修改light和dark主题值，以创建自己的自定义双色主题（ :backhand_index_pointing_down: 请参阅下面的“ Extension Settings ）。 您还可以转到 ，在更新用户设置之前尝试不同的颜色组合。 这是如何运作的？ 您只需提供background ， primary和accent颜色。 之后，扩展程序将生成一个双色调主题，其中包含您选择的颜色的阴影和色调。 已知的问题 通过扩展视图更新主题时，如果您修改了主题的dark或light设置，则主题颜色有可能会重置。 如果发现是这种情况，只需运行Polychrome: Generate Dark/L
修改VScode中状态栏的颜色*（强迫症适用）
m0_74407084的博客
05-13 1750
【代码】修改VScode中状态栏的颜色*（强迫症适用）
vscode主题配色
dielishang0645的博客
03-28 1006
https://www.cnblogs.com/garvenc/p/vscode_customize_color_theme.html 转载于:https://www.cnblogs.com/SaraMoring/p/10616057.html
修改VSCode主题颜色
m0_49025459的博客
03-16 1617
首先在左下角选择设置 选择设置中的颜色主题 选择浅色主题即可，就完成的我们颜色主题的改变，改版深色也同理
VScode怎么设置浅色页面以及放大字体教程
weixin_47708503的博客
02-14 519
我感觉这个浅色主题最护眼，纯白色也有点刺眼，大家可以选择自己喜欢的主题。眼睛受不了了，感觉浅更护眼一些，顺便把字体也调整大一些。搜索：editor.fontSize。在框里输入想要的字体大小。快捷键：ctri+,
css 毛玻璃_给 vscode 添加半透明毛玻璃效果
weixin_39805355的博客
11-25 505
本文原文发布于我的博客 https://eyhn.in后续进展请看：使用插件一键启用 Visual Studio Code 的毛玻璃效果Electron 可以调用 MacOS 的毛玻璃效果，下面让我来带你给 VScode 添加毛玻璃效果。1. 安装 “Custom CSS and JS Loader” 插件2. 创建一个 CSS 文件（CSS 是我自己写的，你可以按需修改）html { b...
vscode如何将代码背景改成白色
11-02
若要在VSCode中将代码背景颜色改为白色，您不需要修改默认的主题，因为VSCode允许你在不改变全局主题的情况下个性化某些元素。这里是如何操作的： 1. **保持默认主题**[^1]：VS Code的默认代码背景通常是亮色以减少眼睛疲劳。如果您不想改变整体主题，只需关注代码编辑区域的颜色。 2. **自定义高光部分**：虽然不能直接改背景色，但您可以调整高光显示的颜色，使其与白色背景相适应。打开`Settings (JSON)`（通常位于`File > Preferences > Settings`），找到`editor.tokenColorCustomizations`部分。在这里，你可以调整不同的代码片段颜色，比如选定文字、注释等。示例配置如下: ```json "editor.tokenColorCustomizations": { "[Light+Material Theme]": { "textMateRules": [ { "scope": "source", "settings": { "foreground": "#ffffff" } } ] } } ``` 这会使源代码文本在白色背景下显示为纯白色。 记住，这仅影响特定的语言和颜色范围。如果要更改整个代码编辑器背景，可能需要安装并启用第三方主题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值