javascriptcssgoogle-chrome-extensiongoogle-chrome-devtoolsgoogle-chrome-theme

Google Chrome Customize Developer Tools Theme / Color Schema


How to change color schema on Developer Tools, JavaScript Console in Google Chrome ?

Like this:

enter image description here


Solution

    1. Install a DevTools Theme like Zero Dark Matrix
    2. Goto chrome://flags/#enable-devtools-experiments, and enable Developer Tools experiments.
    3. Select Relaunch Now at the bottom of the page.
    4. F12 to Open developer tools, go to Settings, select Experiments tab, and check Allow custom UI themes.
    5. F12, Reload DevTools.