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

最新推荐文章于 2024-07-06 22:59:28 发布
最新推荐文章于 2024-07-06 22:59:28 发布
阅读量4.3k 收藏 7
点赞数 13
分类专栏： 其他
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/KaiSarH/article/details/113241334
版权

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

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

在这里插入图片描述

KaiSarH
关注
专栏目录
VSCode 第二侧边栏(Secondary Side Bar) 的妙用
文本魔术
11-07 1119
一直觉得 Secondary Side Bar 好像用处不大，直到有一天试着把左侧文件目录下方的 OUTLINE 面板拖了进去。啪地一下，Secondary Side Bar 的作用就体现出来了。聚焦到 Secondary Side Bar 的命令是 View: Focus into Secondary Side Bar。开关 Secondary Side Bar 的快捷键是 Ctrl + Alt + B。左边看文件目录，中间看代码，右侧看代码大纲，非常方便。欢迎关注微信公众号：文本魔术，了解更多。
vscode-ext-color-highlight:扩展在编辑器中的cssweb颜色周围添加彩色边框
05-17
此扩展程序设置了文档中CSS /网页颜色样式。 安装 在VSC中，按Ctrl + Shift + P（在Mac上为Cmd + Shift + P），然后输入“>“ ext install”，按Enter，搜索“ Color Highlight”。 还是很困惑？ 点击上方的“入门”。 问卷调查 请回答此问卷中的问题。 您的反馈意见非常宝贵，可以帮助我改进此扩展。 贡献者 标记的样式模式 随时贡献！
VSCode设置字体大小
最新发布
ly_twt的博客
07-06 1028
方法1：Ctrl + = 和 Ctrl + -，可以控制整个VSCode界面的整体缩放，但是不会调整字体大小。（2）找到文本编辑器 --> 字体 --> Font Size，即可自行设置字体大小了。方法2：该方法只能设置编辑器界面的字号，无法改变窗口界面的字号。有没有单独控制编辑板之外界面的方法呢？（1）点开左下角如下图标，进入设置。
VSCode侧边工具栏设置为白色
xiangzhihong8的专栏
01-27 3354
我已经将VSCode主题设置成了浅色，但是侧边栏仍然是灰色，如下图所示。 那怎么将左边的工具栏也设置成白色呢？我们可以使用【ctrl +shift +p】快捷键输入【setting】然后选择【Open Setting(Json)】打开setting.json文件，然后添加如下内容。 "workbench.colorCustomizations": { "[Default Light+]": { "activityBar.activeBackground": "#ffffff",
修改vscode背景色
liucai1018的博客
10-08 1万+
首先说明一个问题，vscode不能直接修改背景色，只能通过修改主题的配置来达到修改背景色的目的。 因此带出一个问题，如果主题中的背景色不能满足自己的需求，这时候该怎么办呢？ 修改方法： 当你安装vscode后，安装目录下会带有主题相关的文件，因此我们可以自己修改主题文件中配置的背景色来达到目的 步骤： 1找到vscode安装目录，进入到..\app\exte...
vscode 主题的颜色定制
虾球
12-31 9555
vscode 颜色修改
vscode自定义颜色配置
qq_28440017的博客
11-29 1916
1.打开setting.json 位置： 1）在vscode界面中打开 打开 文件 ==>> 首选项 ==>> 设置 右上角，点击图标 在配置目录中打开 vim ~/.config/Code/User/settings.json 2.我的配置文件 { "files.associations": { "*.cjson": "jsonc", "*.wxss": "css", "*.wxs": "javascrip
VSCode：vscode设置侧边资源管理器文字大小(1)
2301_77118221的博客
04-07 814
我可以将最近整理的前端面试题分享出来，其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器、数据结构与算法等等，还在持续整理更新中，希望大家都能找到心仪的工作。篇幅有限，仅展示部分截图：一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！起学习成长！**[外链图片转存中…(img-vjhxACYS-1712448139757)]
VSCode：vscode设置侧边资源管理器文字大小，简直无敌
m0_46608024的博客
04-02 1941
编程基础的初级开发者，计算机科学专业的学生，以及平时没怎么利用过数据结构与算法的开发人员希望复习这些概念为下次技术面试做准备。或者想学习一些计算机科学的基本概念，以优化代码，提高编程技能。这份笔记都是可以作为参考的。CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
Vue实现底部侧边工具栏的实例代码
10-18
主要介绍了Vue实现底部侧边工具栏的实例代码，文中通过分享一段代码介绍vue 侧边导航栏递归显示功能,需要的朋友可以参考下
AutoCAD二次开发 ObjectARX侧边工具栏示例，在CAD2010上实现的屏幕菜单
02-03
5. **资源管理**：可能还需要处理图标和其他资源文件，例如设置工具栏上的按钮图像，这需要了解如何在ObjectARX中引用和加载资源。 6. **调试与测试**：开发过程中，调试是非常重要的一环。.suo文件是Visual Studio...
vscode边框高亮_还能这么玩？用VsCode画类图、流程图、时序图、...不要太爽
weixin_42566121的博客
01-15 993
软件设计中，有好几种图需要画，比如流程图、类图、组件图等，我知道大部分人画流程图一般都会用微软的viso绘制，我之前也是这个习惯。viso画图有个不好的地方是需要时刻去调整线条和边框已达到简洁美观，今天我给大家介绍一款程序员画图神器PlantUML，一款你用了就爱上的画图软件！VsCode以插件的形式支持了这款画图神器，还不知道VsCode？VsCode 强大地自定义功能，已经成为程序员最爱编辑器...
Visual Studio Code 更改侧边栏字体样式（CSS）
编程小达人的博客
03-16 1316
本文同时在我的博客发布：Visual Studio Code 更改侧边栏字体样式（CSS） - Skykguj 's Blog (blog.sky390.cn) Visual Studio Code（以下简称 VSCode） 窗口放大以后侧边栏的字体样式异常难看，让人感到非常别扭，bdfs 也找不到完整的解决方案，最后在知乎看了 muxu.jiu 的回答，茅塞顿开，决定写一篇详细的教程。 因为 VSCode 主要使用 TypeScript (TypeScript 是 JavaScript 的一个超集) 编写
VSCode设置活动栏状态栏等主题背景颜色
qq_30858991的博客
04-26 6149
使用Window Colors等插件修改主题后发现活动栏背景变成蓝色,与工作区颜色格格不入. 重启软件,修改主题无果. 打开setting.json,如找不到文件点击左下角齿轮图标进入设置 选择工作区->工作台>外观->Color Customizations->点击在setting.json中编辑 输入如下代码 { "workbench.activityBar.visible": true, "workbench.colorCustomizations": {
VScode的侧边栏设置
ordinary_brony的博客
12-04 6434
本文说是CSDN全站第一应该不过分吧？ 现在全网都只有关于Windows系统中修改VScode侧边栏字体大小的方法，在这里介绍Ubuntu系统的修改方法。
VSCode改左侧窗口字体大小
热门推荐
vict_wang的博客
07-12 3万+
在vscode安装目录下:C:\Program Files\Microsoft VS Code\resources\app\out\vs\workbench 找到workbench.main.css文件，右键属性-->安全-->编辑(更改权限)--见下图 之后搜索.monaco-workbench>.part>.content，将字体可以改为16pixels，此时只是...
VSCode 常用插件
weixin_33939843的博客
03-13 3940
　　 Visual Studio Code(简称VS Code/VSC) 是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac以及Linux。 VSC中文网：http://www.vsco...
vscode侧边栏字体太小的问题解决
Dreamfine的专栏
04-25 7339
有人说直接修改/Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.css 这个文件的办法，效果并不好，只是修改文件夹字体，文件字体还是小。另外修改后vscode会经常提示你不支持啊，重安装了，看着不爽。就这句： Your Code installation app...
vscode自定义各个区域的颜色
qq_45860901的博客
06-30 2370
vscode自定义各区域颜色
vscode侧边工具栏快捷方式
09-22
根据你提供的引用内容，通过VSCode可以通过设置快捷键来隐藏和显示左边栏。具体操作如下： 1. 打开VSCode编辑器，进入编辑窗口。 2. 点击上方的"文件"菜单项。 3. 在下拉子菜单中，点击"首选项"。 4. 在右侧列表中，选择"键盘快捷方式"项。 5. 在弹出窗口中，选择需要修改的快捷键。可以通过在上方的搜索框中输入关键词来快速查找。 6. 按下键盘上的按键后，点击回车即可设置快捷键。 一个常用的快捷键是Alt + B，使用该快捷键可以隐藏和显示左边栏。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

KaiSarH

如果觉得文章不错，可以支持下~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值