テーマ (Themes)
公式サイト：
Themes | Documentation for Visual Studio Code [Official]
使い方
参考：
Monokai カラーリングをカスタマイズして Sublime Text の配色に近づける方法 | WEMO
設定ファイルで配色を変更する
settings.json ファイル内の workbench.colorCustomizations の項目に配色の設定を追加する。
参考：
対応する括弧を色分けする
参考：
これは便利、VSCode の設定を変更しよう！ v.1.60 のアップデートでブラケットのカラー化にネイティブ対応 | コリス
背景
参考：
Editor Colors | Visual Studio Code Extension API [Official]
参考：
タブ
ドキュメント：
Editor Groups & Tabs | Visual Studio Code Extension API [Official]
エディター罫線
参考：
Visual Studio Code の editor.rulers を見やすくする – Qiita
vertical rulers in Visual Studio Code – Stack Overflow
スクロールバー
ドキュメント：
Scrollbar Control | Visual Studio Code Extension API [Official]
参考：
Customize Scrollbar (vertical / horizontal) · Issue #24755 · microsoft/vscode – GitHub
colored pixels in scrollbar in VSCode – Stack Overflow
概要ルーラー (Overview Ruler)
行の状態に応じて、スクロールバーにハイライト表示を追加する。
editorOverviewRuler.backgroundeditorOverviewRuler.bordereditorOverviewRuler.findMatchForeground：検索で合致した結果のある行editorOverviewRuler.rangeHighlightForeground：強調表示された範囲editorOverviewRuler.selectionHighlightForeground：選択範囲editorOverviewRuler.wordHighlightForeground：カーソル下シンボルの強調editorOverviewRuler.wordHighlightStrongForeground：書き込みアクセスしているシンボルの強調editorOverviewRuler.modifiedForeground：修正ありの行 (Git 差分)editorOverviewRuler.addedForeground：追加した行 (Git 差分)editorOverviewRuler.deletedForeground：削除した行 (Git 差分)editorOverviewRuler.errorForeground：エラーのある行 (リンター)editorOverviewRuler.warningForeground：警告のある行 (リンター)editorOverviewRuler.infoForeground：情報のある行 (リンター)editorOverviewRuler.bracketMatchForeground：対応する括弧
ドキュメント：
Overview Ruler | Visual Studio Code Extension API [Official]
参考：
Visual Studio Code で スクロールバー上の info の色が明るすぎて他のマークが識別しづらいので色を変えてみる | 水色 (仮)
theme colors of overview ruler · Issue #26606 · microsoft/vscode – GitHub
colored pixels in scrollbar in VSCode – Stack Overflow
How can I remove symbols on right scrollbar of vscode? – Stack Overflow
ガター (Gutter)
editorGutter.background：ガターの背景色editorGutter.modifiedBackground：修正ありの行 (Git 差分)editorGutter.addedBackground：追加した行 (Git 差分)editorGutter.deletedBackground：削除した行 (Git 差分)editorGutter.commentRangeForeground：コメント範囲editorGutter.foldingControlForeground：折り畳みの範囲
ドキュメント：
Gutter | Visual Studio Code Extension API [Official]
参考：
カーソル行
editor.lineHighlightBackground
参考：
カーソル行の背景色を変更する方法 | Wataame Frog
ミニマップ
参考：
Minimap: Render git status decorations · Issue #20934 · microsoft/vscode – GitHub
タイトルバー
ドキュメント：
Title Bar Colors | Visual Studio Code Extension API [Official]
参考：
Change Visual Studio Code’s title bar color – Stack Overflow
Black Menu Bar – Stack Overflow
サイドバー
ドキュメント：
Side Bar – Theme Color | Visual Studio Code Extension API [Official]
プロジェクト毎に配色を変更する
参考：
プロジェクトごとに VSCode の色とテーマを変えて気持ちを切り替える – Qiita
テーマを自作する
ドキュメント：
Creating Your Own Color Theme | Documentation for Visual Studio Code [Official]
Your First Extension | Visual Studio Code Extension API [Official]
Color Theme | Visual Studio Code Extension API [Official]
ファイルのアイコンを変更する
参考：
マーケットプレイス
入手：
One Dark Pro | Visual Studio Marketplace [Official]
イシュー
参考：
The theme color reference is a bit of a mess · Issue #2264 · microsoft/vscode-docs – GitHub
リファレンス
Theme Color | Visual Studio Code Extension API [Official]
Theming | Visual Studio Code Extension API [Official]
まとめ
2019年に使える Visual Studio Code 8種類のテーマ | ちんぷいどっとねっと
Visual Studio Code で見やすいテーマファイルのまとめ | コリス
One Dark Pro
公式サイト：
入手：
One Dark Pro | Visual Studio Marketplace [Official]
リポジトリ：
Binaryify/OneDark-Pro: Atom’s iconic One Dark theme for Visual Studio Code – GitHub
Beautiful UI
入手：
Beautiful UI | Visual Studio Marketplace [Official]
リポジトリ：
Telstra Purple Theme
入手：
Telstra Purple Theme | Visual Studio Marketplace [Official]
Tokyo Night
入手：
Tokyo Night | Visual Studio Marketplace [Official]
リポジトリ：