DevTools Theme: Zero Dark Matrix

How to install an extension Open in Chrome Web Store

CRX ID

bomhdjeadceaggdgfoefmpeafkjhegbo

Status

No Privacy Policy
Live on Store

Description from extension meta

A highly customized dark theme for Devtools.

Image from store

Description from store

This is a theme for the Developer Tools [CTRL/CMD + SHIFT + I].

Installation Instructions
---------------------------------------------------------
- Add this theme
- Goto chrome://flags/#enable-devtools-experiments and Enable Developer Tools experiments. Select [Relaunch Now] at the bottom of the page.
- Open developer tools settings, set Theme mode to 'Dark'
- Select Experiments tab, and check 'Allow custom UI themes'
- Reload devtools.

Changelog
---------------------------------------------------------
## 3.0.6
* Fix expanded arrow rendering

Full changelog history on:
https://github.com/mauricecruz/zero-base-themes/blob/master/CHANGELOG.md

Latest reviews

Neil Cresswell 2024-03-21: Google seem to have really messed up their Dev Tools stock dark mode in v123.0.6312.58, (a recent release from a day or two ago for my O/S) which now sports a lurid blue ribbon bar at the top. If you're emulating a mobile device, the area around the device view is also a distracting lurid blue. Previously everything was a nice muted black. So, I tried a few color extensions including this one, with varied success. Some were able to get rid of the distracting and relatively bright blue, but turned the Computed dimensions display boxes into very bright colors with unreadable values. This extension thankfully doesn't do that, and does remove a little more blue than Google's stock Dark mode, so is the best I've tried, and thus the best I can recommend for now until the various color extensions are updated to handle this new situation. With this extension, there is still quite a distracting blue in both the Device area background, and the menu bar at the top that's to the right of the Device panel. (This extension does fix the blue menu bar above the Device panel though.) No doubt this is all due to Google deciding to make what was previously black blue, so the extension hasn't need to touch those colors that are now blue until now. Fingers crossed that there'll be an update to this extension soon to reintroduce a black background to replace the horrendous blue, and I'll be sticking with this one for now. Also, my thanks to Maurice for putting this together.
Gio ` 2024-02-28: Have used it for 1+ year, it's awesome; but in latest chrome update styles have been messed up a bit, hope it will be updated to fix them
Rasel Sheikh 2023-04-04: I love it. I have used another DevTool but I think this is more useful for me.
Rasel Sheikh 2023-04-04: I love it. I have used another DevTool but I think this is more useful for me.
Krzysztof (krzhu) 2021-03-25: Must have! Brilliant! My eyes don't bleed anymore :)
Krzysztof (krzhu) 2021-03-25: Must have! Brilliant! My eyes don't bleed anymore :)
Yuri Andreev 2020-04-03: Thank you very much
Yuri Andreev 2020-04-03: Thank you very much
liskbsl asasasawe 2020-01-25: css rules during adding are invisible(black text on black background) i can't work like that
liskbsl asasasawe 2020-01-25: css rules during adding are invisible(black text on black background) i can't work like that
Sean Callahan 2019-06-20: SICK
Sean Callahan 2019-06-20: SICK
xu许畅 2019-06-20: 很炫酷，很有科技感，希望不会对调试造成影响，不会因此有过高的内存占用。
Happy 2019-05-13: nice! very cool
Rodrigo Dias 2019-05-10: This is great! Thank you!
Rodrigo Dias 2019-05-10: This is great! Thank you!
田村亮弥 2019-04-26: ダークだが暗すぎず、おしゃれで開発が楽しくなりました！
Brad Mitchell 2019-04-07: this is awesomesauce.
Brad Mitchell 2019-04-07: this is awesomesauce.
Khandakar al kayes 2018-12-09: thanks. love to use it
Khandakar al kayes 2018-12-09: thanks. love to use it
구름아홉 2018-12-05: Thanks!!!
구름아홉 2018-12-05: Thanks!!!
РОДИНА РОССИЯ (антифашист) 2018-10-23: Super good
РОДИНА РОССИЯ (антифашист) 2018-10-23: Super good
asafel 2018-10-04: Love it!
asafel 2018-10-04: Love it!
Anonymous 2018-07-27: Better than the default dark theme, for sure. With the default theme, my old eyes could barely distinguish between selected text and non-selected text while editing as HTML. This theme offers better contrast in that scenario, at least. Thank you!
Flippy Rodriguez 2018-07-15: Perfect for coding in the dark!
Flippy Rodriguez 2018-07-15: Perfect for coding in the dark!
Олег «Rokinso» Сорокин 2018-07-11: Отлично! Теперь глаза не болят в темноте.
Eduardo Alvarado 2018-07-10: 10/10
Sina Aghajani 2018-06-02: Only if it would darken the device section too...
Sina Aghajani 2018-06-02: Only if it would darken the device section too...
Alex Chipev 2018-06-01: The html attributes and class names in the Elements tab become invisible when remove the selection highlighting. The text becomes dark as the skin background.
Alex Chipev 2018-06-01: The html attributes and class names in the Elements tab become invisible when remove the selection highlighting. The text becomes dark as the skin background.
Servando Flores Chacon 2018-04-20: the theme makes the console very slow when working in debug mode
Servando Flores Chacon 2018-04-20: the theme makes the console very slow when working in debug mode
Natallia Chobat 2018-03-27: Стили не видны при выделении на вкладке elements
Mauricio Rafael 2018-03-01: hahahaha!!
Dan Seroney 2018-01-27: I love it
Dan Seroney 2018-01-27: I love it
Rohit Kumar 2017-12-28: i cannot find developer tools setting on my google chrome my google chrome version is ; Version 63.0.3239.84 (Official Build) (64-bit)
Rohit Kumar 2017-12-28: i cannot find developer tools setting on my google chrome my google chrome version is ; Version 63.0.3239.84 (Official Build) (64-bit)
Mathias 2017-12-15: Nice theme, but it seems you forgot to change the font color within the menu that allows to change mobile device resolution, it's all black on black, so I can't read which device is what... :/
Mathias 2017-12-15: Nice theme, but it seems you forgot to change the font color within the menu that allows to change mobile device resolution, it's all black on black, so I can't read which device is what... :/
Simon Cook 2017-11-14: Great, much better on my eyes than the white background
Simon Cook 2017-11-14: Great, much better on my eyes than the white background
Steve Gross 2017-10-27: So dope. You are saving the eyes of developers all over the world - you should be mad proud of your damnself. Bravo!
Steve Gross 2017-10-27: So dope. You are saving the eyes of developers all over the world - you should be mad proud of your damnself. Bravo!

Extension Actions