vscode ファイル名のtab height調整

デフォルトだと高すぎて貴重なスペースを無駄にしてしまう。
自分へのメモ的書いておく。

cssをいじれる拡張をインストール

メジャーなのがvscode-custom-cssだそうで、自分はなぜかうまくいかなくてCustom VSCode UI CSSにした。

vscode権限変更

自分の環境がubuntu。

sudo chown -R $(whoami) $(which code)
sudo chown -R $(whoami) /usr/share/code

tab height をいじるcssファイル作成

:root {
  --tab-height: 15px;
}

.editor-actions {
  height: var(--tab-height) !important;
  line-height: var(--tab-height) !important;
}

.tabs-container .tab {
  height: var(--tab-height) !important;
  line-height: var(--tab-height) !important;
}

.tabs-container .monaco-icon-label {
  height: var(--tab-height) !important;
  line-height: var(--tab-height) !important;
}

.tabs-container .monaco-icon-label:before {
  height: var(--tab-height) !important;
  line-height: var(--tab-height) !important;
}

.monaco-workbench .part.editor>.content .editor-group-container>.title .monaco-scrollable-element {
    height: var(--tab-height) !important;
}

setting.jsonにて読み込む

 "customvscodeuicss.css": "/PATH_TO_YOUR_CSS_FILE/custom.css",

F1押して-> customvscodeuicss: Reload Configuration で更新

以上