vscode修改样式

以修改上方滚动条宽度为例

 

打开开发者工具

help->toggle developer tool 或者快捷键 ctrl+shift+i

 

 

选择滚动条，找到css对应文件

 

 

鼠标移上去可以看到路径，类似C:\Users\Administrator\AppData\Local\Programs\Microsoft VS Code\resources\app\out\vs\workbench\workbench.main.css

 

 

 

 观察滚动条，通过css选择器，修改样式，把相关代码写入上面css文件中

默认css选择器
invisible.scrollbar.horizontal.fade, invisible.scrollbar.horizontal.fade>.slider
触发时选择器
.visible.scrollbar.horizontal,.visible.scrollbar.horizontal>.slider.active

最终css如下
.visible.scrollbar.horizontal,.invisible.scrollbar.horizontal.fade{height: 15px !important;}.visible.scrollbar.horizontal>.slider,.visible.scrollbar.horizontal>.slider.active,.invisible.scrollbar.horizontal.fade>.slider,.slider.active,invisible.scrollbar.horizontal.fade>.slider.active {height: 15px !important;}

然后把css放入对应css文件最前面

 

 

最终效果

再也不担心拖动时误点到切换文件了