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
79
VScodeのサイドバーをカラフルにしてみよう
LT_社内業務効率化大会_20200930
rakuda3dev
October 02, 2020
Tweet
Share
Other Decks in How-to & DIY
See All in How-to & DIY
HCIのデモに役立つ映像活用アイデア集 #WISS2024 ナイトセッション #HCIVideoCulture
bonsaistudiojp
2
800
バーチャルバナナとリアルバナナ #iotlt #TouchDesigner
n0bisuke2
0
130
How to create better speaker proposals
logico_jp
2
740
CH32Vシリーズを楽しもう(74thの場合) / enjoy ch32v series
74th
1
710
Why did my proposals get rejected?
okuramasafumi
1
570
わたしと仕事とアジャイルコミュニティ / developers summit 2025
matsuoshi
0
740
電気工事士を取ったら一瞬で元が取れた件
bicstone
3
5.5k
How to get hundreds of organic backlinks through statistics link building
ronishehu
1
230
お家で育てる制御実験環境
zilmina
0
960
IoTと田中の距離 #iotlt #田中 #openai
n0bisuke2
1
360
JAWS-UG Fukuoka - AWS re:Invent 2024 re:Cap AWS Community Perspective
awsjcpm
2
130
#スタックチャン「魔改造の夜」に行く
syumme01
1
210
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.1k
BBQ
matthewcrist
88
9.5k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Producing Creativity
orderedlist
PRO
344
40k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
14
1.1k
Docker and Python
trallard
44
3.3k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Building an army of robots
kneath
303
45k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
GitHub's CSS Performance
jonrohan
1030
460k
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ライフをお送りください