読者です 読者をやめる 読者になる 読者になる

むじん島

文才のないWebプログラマがなにかする

Chromeデベロッパーツールのテーマをダーク系に変更してみた

f:id:mu2in:20150418235304j:plain

Chromeデベロッパツールのデザインを変更できるようになっていたので試してみました。

参考:Chromeのデベロッパーツールが見やすくなる!デベロッパーツールのUIをダーク系に変更する方法 | コリス

1. テーマをインストールする

Chromeウェブストアからテーマ拡張機能をインストールします。
今回は以下のテーマを試してみました。 chrome.google.com

2. デベロッパツールのテストを有効にする

f:id:mu2in:20150418233531p:plain

chrome://flags/#enable-devtools-experiments
にアクセスし、「デベロッパツールのテストを有効にする」を有効化します。

f:id:mu2in:20150418234556p:plain

デベロッパツールのSettings - Experimentsから「Allow custom UI themes」にチェックをいれます。

3. テーマを確認する

Chrome再起動後、デベロッパツールを起動します。 f:id:mu2in:20150419000728p:plain consoleログや他のタブのデザインもダーク系に変わってなかなか良いデザインでした。