如何更改VisualStudioCode中的滚动条颜色？

在 Visual Studio Code 中，您可以使用自定义 CSS 来更改滚动条的样式。请按照以下步骤进行操作：

1. 创建一个名为“your-theme-colors.css”的新 CSS 文件，用于存储自定义主题的颜色。
2. 打开 Visual Studio Code 的用户设置（File -> Preferences -> Settings），然后添加以下设置：

"editor.tokenColorCustomizations": { "scrollbarSlider.background": "#FF0000", "scrollbarSlider.hoverBackground": "#00FF00", "scrollbarSlider.activeBackground": "#0000FF" }

此设置将更改滚动条滑块的背景颜色，悬停时的背景颜色以及选中时的背景颜色。

3. 在“settings.json”中，将颜色设置为自定义文件路径：

"workbench.colorCustomizations": { "scrollbarSlider.background": "#your-theme-color" }

请将“your-theme-color”替换为您在自定义 CSS 文件中选择的颜色。

4. 重新启动 Visual Studio Code 来查看更改。

完整示例CSS代码如下：

::-webkit-scrollbar-track { background-color: #FAFAFA; border-radius: 6px; }

::-webkit-scrollbar { width: 6px; height: 6px; background-color: #F5F5F5; }

::-webkit-scrollbar-thumb { border-radius: 6px; background-color: #4CAF50; }

请注意，这些样式只适用于 WebKit 浏览器内核，因此您需要在 WebKit 浏览器内核中运行 Visual Studio Code 才能看到这些更改。

希望这个解决方法能够帮助你更改 Visual Studio Code 中滚动条的颜色。