askhogan / chrome-devtools-zerodarkmatrix-theme

A highly customized dark theme for Chrome

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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-devtools-experiments ▶ Enable Developer Tools experiments and click "Relaunch Now" at the bottom.
  • Open developer tools settings, set Theme mode to 'Dark'
  • Select Experiments tab, and check 'Allow custom UI themes. Reopen the developer tools.

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!

About

A highly customized dark theme for Chrome


Languages

Language:JavaScript 78.2%Language:HTML 21.8%