DevTools Theme: Zero Dark Matrix
A highly customized dark theme for Devtools.
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
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.
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
I love it. I have used another DevTool but I think this is more useful for me.
I love it. I have used another DevTool but I think this is more useful for me.
Must have! Brilliant! My eyes don't bleed anymore :)
Must have! Brilliant! My eyes don't bleed anymore :)
Thank you very much
Thank you very much
css rules during adding are invisible(black text on black background) i can't work like that
css rules during adding are invisible(black text on black background) i can't work like that
SICK
SICK
很炫酷,很有科技感,希望不会对调试造成影响,不会因此有过高的内存占用。
nice! very cool
This is great! Thank you!
This is great! Thank you!
ダークだが暗すぎず、おしゃれで開発が楽しくなりました!
this is awesomesauce.
this is awesomesauce.
thanks. love to use it
thanks. love to use it
Thanks!!!
Thanks!!!
Super good
Super good
Love it!
Love it!
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!
Perfect for coding in the dark!
Perfect for coding in the dark!
Отлично! Теперь глаза не болят в темноте.
10/10
Only if it would darken the device section too...
Only if it would darken the device section too...
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.
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.
the theme makes the console very slow when working in debug mode
the theme makes the console very slow when working in debug mode
Стили не видны при выделении на вкладке elements
hahahaha!!
I love it
I love it
i cannot find developer tools setting on my google chrome my google chrome version is ; Version 63.0.3239.84 (Official Build) (64-bit)
i cannot find developer tools setting on my google chrome my google chrome version is ; Version 63.0.3239.84 (Official Build) (64-bit)
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... :/
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... :/
Great, much better on my eyes than the white background
Great, much better on my eyes than the white background
So dope. You are saving the eyes of developers all over the world - you should be mad proud of your damnself. Bravo!
So dope. You are saving the eyes of developers all over the world - you should be mad proud of your damnself. Bravo!