VScodeのサイドバーをカラフルにしてみよう

vscodeのサイドバーをカラフルにしてみよう 2020/09/29 業務改善LT大会株式会社IBJ 福田修登

こんな人向け • 普段からvscodeのワークスペースを複数開いて作業する方 ◦ 複数のプロジェクトに関わっている方 ◦ 1つのプロジェクトでワークスペースを分割して使っている方 • 黒単色のvscodeに飽きたけどテーマカラーは黒にしたい人(自分はこちら)

設定するとこうなります Before After

設定方法 1. 設定 > ワークスペース > setting.json を開く 2. 下記設定を追加
"settings": { "workbench.colorCustomizations": { "titleBar.activeBackground": "#FFFFFF", // 上のバーの色 "titleBar.activeForeground": "#000000", // 上のバーの文字色 "activityBar.background": "#4BF", // サイドバーの色 "activityBar.foreground": "#FFFFFF" // サイドバーの文字色 },

参考 : 実際のsetting.json

効果・効用 • 好きな色にするとテンションが上がる • プロジェクトが色で見分けられるようになる ◦ 「あのプロジェクトのワークスペースどれだっけ ...?」と迷うことが少なくなる Before After

普段こんな感じで使っています Before After

良きVScodeライフをお送りください

VScodeのサイドバーをカラフルにしてみよう

VScodeのサイドバーをカラフルにしてみよう

rakuda3dev

Other Decks in How-to & DIY

Featured

Transcript