Skip to content

mauricecruz/chrome-devtools-zerodarkmatrix-theme

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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!

About

A highly customized dark theme for Chrome

Resources

Stars

Watchers

Forks

Packages

No packages published