/chrome-devtools-zerodarkmatrix-theme

A highly customized dark theme for Chrome

Primary LanguageJavaScript

Notice

Experiments settings reset in 44.0.2403.89. Open developer tools settings ▶ Experiments ▶ [✔] Allow custom UI themes to enable theme again.

ZeroDarkMatrix Theme for Chrome

A highly customized dark theme for Google Chrome.

Stable and Canary channels are officially supported. Beta and Dev channels will work, but I'm not testing on them.

➡ Please follow development for this theme at zero base themes.

Installation

  • Add Zero Dark Matrix from the Chrome Web Store.
  • Open chrome://flags ▶ Enable Developer Tools experiments and click "Relaunch Now" at the bottom.
  • Open developer tools settings ▶ Experiments ▶ [✔] Allow custom UI themes.

Preview

Elements

elements

elements2

Resources

resources

Timeline

timeline

Network

network

network-headers

Sources

sources

CSS Highlighting

css-highlighting

JS Highlighting

js-highlighting

Console

console

Features

  • Majority of inspector chrome re-styled
  • Customized Scrollbars
  • Animations for ** finding elements ** setting elements inactive ** elements/sources/network panels
  • Subtle pulsating element selection
  • Re-styled Popovers (PSD files included)
  • Child element styling in elements panel

Credits

Simon's version also used samples from other templates so I will thank them as well!