ZeroDarkMatrix Theme for Chrome

December 11, 2018 · View on GitHub

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 the Developer Tools panel -> Click on the 3 dots on upper right hand side -> settings ->

DeveloperToolsSettings

on left hand side drowdown set theme to 'Dark'

ThemeDark

In the same panel on the left hand side select the Experiments tab. Check 'Allow custom UI themes`

elements

elements2

resources

timeline

network

network-headers

sources

css-highlighting

js-highlighting

console

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

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!