ZeroDarkMatrix Theme for Chrome

A highly customized dark theme for Google Chrome.

Installation

• UPDATE - Clone this Repo (do not go the Chrome App store)
• UPDATE - Load the Extension using these instruction
• 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

Resources

Timeline

Network

Sources

CSS Highlighting

JS Highlighting

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

• Thanks to Simon Owen for the base styles. I used his So-Dark-Monokai-v3 as a starting point.
• CSS Tricks for the tutorial on customized scrollbars.
• Animate.css for some of the animations.

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

• IR_Dark_Monokai - Designed and developed by Andres Pagella (@mapagella)
• Todd Werth's IR_Black
• toolbar code from Harris Novick
• Inspired by Darcy Clarke's blog post
• Automatic rake file Rodolfo Puig