←
2019-01-05

VSCodeの見た目をシンプルにする

自分はほとんど使わなかったり要らないUIが目障りなのが嫌いなので、少しだけカラースキーマを書いてこんな感じにしてみました。

screenshot

"workbench.colorCustomizations": {
    "widget.shadow": "#0c0c0c",
    "statusBar.background": "#111",
    "statusBar.foreground": "#555",
    "statusBar.debuggingBackground": "#111",
    "statusBar.noFolderBackground": "#111",
    "panel.background": "#111",
    "sideBar.background": "#111",
    "activityBar.background": "#111",
    "activityBar.foreground": "#555",
    "activityBarBadge.background": "#555",
    "activityBarBadge.foreground": "#111",
    "editor.background": "#111",
    "editorOverviewRuler.border": "#555",
    "editorGroupHeader.noTabsBackground": "#111",
    "editorGroupHeader.tabsBackground": "#111",
    "editorGroup.border": "#111",
    "editorLineNumber.foreground": "#555",
    "editorLineNumber.activeForeground": "#555",
    "tab.border": "#111",
    "tab.activeBackground": "#111",
    "tab.activeForeground": "#aaa",
    "tab.activeModifiedBorder": "#444",
    "tab.activeBorderTop": "#333",
    "tab.inactiveBackground": "#111",
    "tab.inactiveForeground": "#444",
    "tab.inactiveModifiedBorder": "#333",
    "scrollbar.shadow": "#0c0c0c",
    "scrollbarSlider.background": "#333"
},
"editor.overviewRulerBorder": false

ただそもそも要らないものは表示しなければ目障りにならないので、Activity Bar(左のやつ)とMinimapは結局非表示にしてしまいました。

一瞬Theme拡張として公開しようかと思いましたが、Themeにはシンタックスハイライトの設定も含めなければならないということでやめました。自分のsettings.jsonに書いておけば好きなほかのTheme拡張と組み合わせられるので。