Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
VScodeのサイドバーをカラフルにしてみよう
Search
rakuda3dev
October 02, 2020
How-to & DIY
1
96
VScodeのサイドバーをカラフルにしてみよう
LT_社内業務効率化大会_20200930
rakuda3dev
October 02, 2020
Tweet
Share
Other Decks in How-to & DIY
See All in How-to & DIY
ブロックテーマをゴリゴリに使い倒してサイトを作った話 / Kansai WordPress Meetup 2025 01 25
tbshiki
1
680
新婚19年目から学ぶ夫婦円満の正しい歩き方 / Life is beautiful
soudai
PRO
12
4.8k
Terra Charge|普通充電器ご利用ガイドブック / Terra Charge Ordinary Charger Guidebook
contents
1
400
#スタックチャン「魔改造の夜」に行く
syumme01
1
310
AWS User Community - JAWS-UG/AWS ユーザーコミュニティのご紹介
awsjcpm
1
230
苦いビールを避ける冴えたやり方
watany
2
440
How to create better speaker proposals
logico_jp
2
1k
Nutanix Community Edition 超入門 25.04
ricefield66
0
160
ラズパイカメラ向け ケーブル延長基板・ハウジングの開発
koheimasaki
PRO
2
360
2025年03月02日 メイカーズながおかまつり での講演 「コミュニティベースでの製品開発ものづくりフェアの役割」
takasumasakazu
0
260
自分がご機嫌になれる 素敵な場所を守るために
kenichirokimura
3
420
安全に失敗するための手遊び-未定義動作を引き出そう-
zilmina
0
660
Featured
See All Featured
For a Future-Friendly Web
brad_frost
180
9.9k
Docker and Python
trallard
46
3.6k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.7k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
114
20k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
45
2.5k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Producing Creativity
orderedlist
PRO
347
40k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
Statistics for Hackers
jakevdp
799
220k
A Modern Web Designer's Workflow
chriscoyier
697
190k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Transcript
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ライフをお送りください