Skip to content

Instantly share code, notes, and snippets.

@enihsyou
Last active October 18, 2022 05:45
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save enihsyou/9e730a79b94ac2afd28e9b21a6be0383 to your computer and use it in GitHub Desktop.
Save enihsyou/9e730a79b94ac2afd28e9b21a6be0383 to your computer and use it in GitHub Desktop.
VSCode custom CSS imports content
/* vscode/src/vs/workbench/contrib/terminal/browser/media/terminal.css */
/* 从放置在底部的终端面板中移除顶部的空白
在窗口多余空间不满一行的时候 这个空白尤为明显
会让顶部文本和边框之间产生一段空隙 */
.monaco-workbench .editor-instance .xterm,
.monaco-workbench .pane-body.integrated-terminal .xterm {
bottom: unset;
top: 0;
}
/* vscode/src/vs/editor/browser/widget/codeEditorWidget.ts */
/* 由 microsoft/vscode#44141 引入的 no-repeat 设置
让 hint 下划线只有第一个字符短短的一截
找不到这么设置的原因 (可能从visual studio继承来的吧) */
.monaco-workbench .squiggly-hint {
background-repeat: repeat-x;
}
@enihsyou
Copy link
Author

使用方式:

  • 添加 be5invis/vscode-custom-css 插件
  • 在 settings.json 中添加或定位到 vscode_custom_css.imports 把当前文件的地址填入
  • 在 vscode 中执行 Enable Custom CSS and JS 插件动作, 触发更新

开发维护:

~/.dotfiles/vscode 中保存源码并同步到这里, 之后需要用户手动触发更新

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment