• Stars
    star
    2,012
  • Rank 23,009 (Top 0.5 %)
  • Language
    JavaScript
  • Created over 11 years ago
  • Updated about 6 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A highly customized dark theme for Chrome

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 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` AllowCustomUIThemes

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!