Chromeのデベロッパーツールのコードの色を変更する！！

コード見る時の背景は黒なんだよ！！
白とか眩しくて見難い！！
そんなあなたに「DevTools Author」がオススメです

手順1

「chrome://flags/#enable-devtools-experiments」
を開いて「デベロッパーツールのテスト」を有効にします。
その後、Chromeの再起動をする

手順2

デベロッパーツールを起動する

・Windowsの場合「F12キー」
・Macの場合は「Command」＋「Option」＋「Iキー」
・メニュー -> その他のツール -> デベロッパーツール

手順3

デベロッパーツールのSettingsを開く

Windowsの場合F1キー
Macの場合は?
デベロッパーのツールの所にある「・・・」を押して
Settingsを選択する

手順4

Settings -> Experimentsを選択する
Allow Custom UI themesにチェックする

手順5

アドオンをインストールする
https://chrome.google.com/webstore/search/DevTools%20Author?hl=ja
その後、Chromeの再起動をする

手順6

デベロッパーツールを起動すると
Author Settingsというタブ？？が表示されているので
クリックする

手順7

変更したいテーマに変更する
その後、デベロッパーツールを閉じる
（×ボタンを押す）

デベロッパーツールを起動すると色が変わっている事が確認できる

実際の色はCSSで確認する事ができます
https://github.com/micjamking/devtools-author/tree/master/app/styles/themes

「デベロッパーツールのテスト」についての注意点

以下、googleの文章の引用です

試験運用機能は、随時変更、中断、提供中止されることがあります。
これらの機能のいずれかを有効にした場合に生じる結果について、
Google は一切保証しません。ブラウザによってすべてのデータが削除されたり、
予期せぬ方法でセキュリティやプライバシーが侵害されたりする可能性があります。

Googleも忠告してあるとおり、自己責任で変更してください