iforz 手记

vscode 增加自定义css样式

场景

vscode的 setting.json 配置目前只能修改editor.fontFamily 字体样式, 不能修改workbench字体样式.

解决

  • 下载扩展Custom CSS and JS
  • 新建一个custom.css并
  • 编辑custom.css, 修改字体
/* custom.css */
.mac {
    font-family: 'Comic Sans MS';
}
  • 在setting.json里引用custom.css
/* setting.json */
{
"vscode_custom_css.imports":["file:///Users/[YOU_PATH]/vscode/custom.css"]
}
  • 重新加载代码 [⌘+P] > Reload Custom CSS and JS

扩展

A: 如何查看vscode workbench样式?

vscode -> help -> Toggle Developer Tools

iforz

,