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
What I Talk About When I Talk About Social Media
idealhack
0
150
Why did my proposals get rejected?
okuramasafumi
1
550
ServiceNow Knowledgeの歩き方
manarobot
0
350
静岡県のお相撲さん20240509/sumo_wrestler_from_shizuoka_prefecture_20240509
nicepapa_hirano
0
160
JAWS-UGから学んだコミュニティの成功要因 (Success Factors)
awsjcpm
4
400
M5Stickと超小型エッジAIカメラ「AITRIOS」
hoshinoresearch
0
370
CH32Vシリーズを楽しもう(74thの場合) / enjoy ch32v series
74th
1
660
How to get hundreds of organic backlinks through statistics link building
ronishehu
1
220
Dirbtinis intelektas dizainerio gyvenime
lekevicius
0
220
スクフェス福岡前夜祭 LT
pokotyamu
0
220
M5Stackを使ってSズキの魔改造モンスターマシンを作ってみた
syumme01
0
110
アイデアをカタチにする、イマジニア
haruka_imgr
0
110
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
693
190k
How GitHub (no longer) Works
holman
314
140k
It's Worth the Effort
3n
184
28k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
52k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
GitHub's CSS Performance
jonrohan
1030
460k
Designing Experiences People Love
moore
140
23k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
260
Bash Introduction
62gerente
611
210k
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ライフをお送りください