VSCode如何调整Explorer（资源管理器）面板的滚动条尺寸？

目前VSCode原生仅支持编辑器区域的滚动条自定义配置，暂未提供直接调整侧边栏（含资源管理器、搜索、扩展等面板）滚动条尺寸的官方设置，可通过以下两种方案实现需求：

方案1：使用Custom CSS and JS Loader插件（全平台通用） #

该方案可以精准控制仅VSCode内部滚动条样式，不影响系统其他应用：

• 在VSCode扩展市场搜索并安装Custom CSS and JS Loader插件
• 本地新建自定义CSS文件，命名为vscode-custom.css，写入如下样式代码：

/* 调整侧边栏垂直滚动条宽度，数值可按需修改 */
.part>.content .scrollbar.vertical > .slider {
    width: 12px !important;
}
/* 如需同步调整侧边栏水平滚动条高度，可添加以下代码 */
.part>.content .scrollbar.horizontal > .slider {
    height: 12px !important;
}

• 打开VSCode设置（快捷键Ctrl+,），搜索配置项Custom CSS and JS Loader: Files，填入CSS文件的绝对路径，Ubuntu 20.04下路径格式示例：file:///home/你的用户名/.config/Code/vscode-custom.css
• 按Ctrl+Shift+P调出命令面板，执行Reload Custom CSS and JS命令，重启VSCode后即可生效

注意：每次VSCode版本更新后会提示代码被篡改，重新执行一次上述重载命令即可恢复自定义样式。

方案2：修改系统GTK主题配置（仅Linux环境适用，无需插件） #

Ubuntu系统默认使用GTK桌面环境，VSCode默认会继承系统GTK主题的滚动条样式，修改全局配置即可同步调整所有GTK应用的滚动条宽度：

• 打开~/.config/gtk-3.0/gtk.css文件，若文件不存在则手动新建
• 在文件中添加如下代码：

* {
    -GtkScrollbar-slider-width: 12px;
}

• 保存文件后注销当前用户并重新登录，配置即可生效。

内容的提问来源于stack exchange，提问作者Polymerase