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
77
VScodeのサイドバーをカラフルにしてみよう
LT_社内業務効率化大会_20200930
rakuda3dev
October 02, 2020
Tweet
Share
Other Decks in How-to & DIY
See All in How-to & DIY
JAWS-UGについて JAWS-UG TOHOKU [青森] 弘前開催
awsjcpm
0
110
Invitation to Okinawa.rb in 2024
yasslab
PRO
1
760
[너구리랑! 회고 밋업 2023] 하루만에 만든 프로젝트에서 고객이 매월 결제하는 제품을 만들기까지의 여정 // 초링 님
develop_neoguri
1
100
JAWS-UGから学んだコミュニティの成功要因 (Success Factors)
awsjcpm
4
390
How to get hundreds of organic backlinks through statistics link building
ronishehu
1
210
いぬぬウォッチャー - オレトク賞オンライン決勝 #ヒーローズリーグ
n0bisuke2
0
130
AIお菓子ロッカー
keicafeblack
0
100
#スタックチャン「魔改造の夜」に行く
syumme01
1
190
Why did my proposals get rejected?
okuramasafumi
1
540
未来大生の胃を支える函館グルメ
deflis
0
410
GreenPAK 初心者向けハンズオン資料
aoisaya
2
260
こんなにあるの? 最近のIPAトレンドを ざっくりまとめてみた
watany
3
660
Featured
See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.6k
A Tale of Four Properties
chriscoyier
158
23k
A Modern Web Designer's Workflow
chriscoyier
693
190k
GitHub's CSS Performance
jonrohan
1030
460k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
99
18k
Fireside Chat
paigeccino
34
3.2k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
630
Code Reviewing Like a Champion
maltzj
521
39k
Music & Morning Musume
bryan
46
6.3k
Designing Experiences People Love
moore
139
23k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
8
270
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.3k
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ライフをお送りください