修改vscode右侧滚动条颜色

最新推荐文章于 2024-10-14 11:00:05 发布

河畔的金桔

最新推荐文章于 2024-10-14 11:00:05 发布

阅读量1.1k

点赞数 3

文章标签： vscode javascript ide

本文链接：https://blog.youkuaiyun.com/qq_40834427/article/details/131060435

版权

在VSCode的settings.json文件中，用户可以通过设置`workbench.colorCustomizations`来改变滚动条的样式，例如将滑块的背景色设为#39C5BB，悬停和活动状态设为#6CF。

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

在settings.json增加如下配置

    "workbench.colorCustomizations": {
        "scrollbarSlider.background": "#39C5BB",
        "scrollbarSlider.hoverBackground": "#6CF",
        "scrollbarSlider.activeBackground": "#6CF",
    },

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

河畔的金桔

关注关注

3
点赞
踩
1

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

vscode 自定义编辑器样式

Gleason

07-12

3349

将下面的代码复制到 VS code 中 settings.json 文件中 (什么不知道 setting.json 在哪? 往下滑

(多图)自定义修改 visual studio code 主题色，附绿色主题

热门推荐

星云

07-31

1万+

visual studio 主题颜色活动栏 "activityBar.activeBackground"活动栏当前选中项的背景色 "activityBar.activeBorder"活动栏当前选中项靠近窗口边缘处有竖条，竖条颜色 "activityBar.activeFocusBorder"按下活动栏的选中项，边框呈现此颜色 "activityBar.background"活动栏背景色 "activityBar.border"分隔活动栏与其他栏的边界 "activityBar.foreground"活动栏

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

VS滚动条插件 MetalScroll

08-21

metalscroll是个很轻量级的VS插件（比RockScroll更强大），它把Visual Studio 中代码编辑器右边的滚动条替换成代码缩略图，这样阅读比较长的代码时可以很方便的定位。但是他的作用确远不止于此！

vscode 设置滑条颜色

weixin_50212044的博客

08-07

2880

VS Code 设置滑条颜色，右边滑条，自定义滑条

vscode拖拽条看不清配色修改

qq_43243842的博客

07-11

919

非常清晰！！！

vscode 主题的颜色定制

虾球

12-31

1万+

vscode 颜色修改

idea改变右侧滚条的颜色

qq_33812847的博客

09-30

4567

表述不少的程序员都钟爱与idea这块代码编辑器，其原因之一就是界面风格比较好看。也一定有很多朋友和我一样喜欢黑色背景的主题风格吧，可是黑色主题的话有一个问题比较蛋疼就是代码编辑区域的滚条是偏黑色透明的，所以黑色的主题找滚条的话就很麻烦盯半天，如果习惯用跳行快捷键的朋友可以用快捷键，但是也是有多数人习惯鼠标拉滚条的吧，由于网上几乎看不到这方面的资料，我找了很久很久才找到一点点相关的资料最后终于搞...

vscode 设置

yincheng_fans的博客

09-06

1万+

语言设置中文显示 1）打开vscode工具； 2）使用快捷键组合【Ctrl+Shift+p】，在搜索框中输入“configure display language”，点击下面蓝色Configure Display Language后； python 编辑环境的是设置在设置中输入 settings.json，并进入settings.json { “editor.fontSize”: 20, “e...

VScode 结合git的全面使用流程，再也不用记住git的命令了！

Viper的程序员修炼手册

07-25

1万+

前言搭建 git 的环境，能够方便的在服务器上管理好自己的代码。但是原始的git代码挺难记的，而且会降低我们的工作效率。本文主要介绍如何使用vscode与git结合，优雅的使用git。 git 介绍这里需要阐明一个概念，说道 git 很多人会想到 github 其实 github 只是 git 的远程服务器端而已，github 并不等于 git ，实际上 git 是一个代码管理软件。不用 github 也可以用 gitlab 或者国内的码云和 coding 如果不需要图形化界面

VSCode 底部蓝色导航栏介绍以及导航不见了解决

pleaseprintf的博客

06-21

8565

Visual Studio Code（简称 VSCode）是一款功能强大的开源代码编辑器，而其底部蓝色导航栏是一项特性，可以大大提升开发者的编辑器效率。本文将深入探讨 VSCode 底部蓝色导航栏的功能和用法，帮助您更好地利用这个工具，提高编码速度和工作流程。VSCode 的底部蓝色导航栏是编辑器界面底部的一个水平栏，以蓝色背景突出显示。它提供了一系列快速导航和功能按钮，让您可以更快速地浏览和操作代码文件，提高开发效率。

设置滚动条的颜色

weixin_43412413的博客

08-13

1846

/*滚动条设置*/ ::-webkit-scrollbar{ width: 10px; height: 10px; } ::-webkit-scrollbar-track{ border-radius: 10px; background-color: #efefef; } ::-webkit-scrollbar-thumb{ border-radius: 10...

VSCode侧边工具栏设置为白色

xiangzhihong8的专栏

01-27

3648

我已经将VSCode主题设置成了浅色，但是侧边栏仍然是灰色，如下图所示。那怎么将左边的工具栏也设置成白色呢？我们可以使用【ctrl +shift +p】快捷键输入【setting】然后选择【Open Setting(Json)】打开setting.json文件，然后添加如下内容。 "workbench.colorCustomizations": { "[Default Light+]": { "activityBar.activeBackground": "#ffffff",

vscode侧边栏等字体颜色设置（每个部分的颜色都可以自己调）

Alex_emma的博客

04-17

6650

vscode侧边栏字体颜色设置（每个部分的颜色都可以自己调）首先我用的是Ayu插件，这个插件Dark主题的字体颜色什么的我都很喜欢，但是偏偏侧边栏以及底栏的字体和背景几乎颜色一模一样（区别度很小），这样在看的时候就很难受。如图：在这里插入图片描述：这种难以分辨的颜色真的让我这个强迫症受不了，所以便衍生了自己修改json文件的想法，来自定义这部分的颜色。在网上找了很多，但都无果，但自己无意间ctrl shift +p看到了这个文件：也就是：开发人员：使用当前设置生成颜色主题点进去，就看到了

vscode怎么设置顶部横向滚动条宽度（太细了看不清楚）

Dontla的博客

05-31

1247

这滚动条也太™细了，有时鼠标点半天都点不到。

vscode 中调整滚动条大小

hawk2014bj的博客

07-16

621

vscode 文件 tab 下的滚动条特别小，非常难用，网上找了一下，vscode 有个配置可以调整滚动调大小。设置方法，在 vscode 配置中搜索 titleScrollbarSizing，设置为 Large。最终效果，宽了很多，操作容易多了。

VS右侧滚动条样式设置

琅嬛福地

04-19

2268

右键滚动条可以设置成缩略图模式和条状模式。如下图：比如缩略图模式

VS Code设置右侧滚动条高亮选中的字符位置