デベロッパーツールの背景を暗くする方法 – Chrome

やはりコードは黒背景に映える…

と、思うんですよね。
黒背景にカラフルなタグが並ぶのはまさに、夜のネオン街
Chromeのデベロッパーツール(拡張モード)はデフォルトでは白背景です。
Chrome拡張機能で背景を暗くするとかいう方法も知っていますが、
こちらで紹介する方法は拡張機能など入れません。
Chromeにデフォルトで黒背景テーマが入っているのです。
ではその方法をご紹介いたします。

手順

まずデベロッパーツールを開きます。
デフォルトだと白背景ですね。
cap 2016-07-12 11.07.39

Settingを開きます。
cap 2016-07-12 11.07.56

Prefrences > Appearance > Theme
ここでDarkテーマを選びます。
cap 2016-07-12 11.08.12

Darkを選んでSettingを閉じるとすぐに黒背景が反映されます。
とても目に優しくなりました。
cap 2016-07-12 11.08.26

Related Post