Material DevTools Theme

How to install an extension Open in Chrome Web Store

CRX ID

pmlofkkoaahmkmmebdkkcljmflocijlo

Status

No Privacy Policy
Live on Store

Description from extension meta

A developer tools color theme inspired by the Material Theme UI plugin for IntelliJ IDEA.

Image from store

Description from store

This theme for the Chrome developer tools is meant primarily for IntelliJ IDEA users that use the Material Theme plugin, since it aims to bring the familiar color theme introduced by that plugin to the browser inspection tools. However, other users looking for an aesthetic change to their trusted tools are certainly very welcome to try this theme out, too.

Instructions to enable this (or any third-party) theme may be found in the associated GitHub repository, which is linked in the overview of this extension.

As mentioned, this theme takes inspiration from an IntelliJ IDEA plugin which you can find here:
https://plugins.jetbrains.com/plugin/8006-material-theme-ui

Please be aware that there is now an official Chrome Extension from the maintainers of the above-mentioned Material Theme plugin that can be found here:
https://chrome.google.com/webstore/detail/material-devtools-theme-c/jmefikbdhgocdjeejjnnepgnfkkbpgjo

Latest reviews

DEXTRY GAMING 2022-11-04: If you don't see the theme here are the steps to follow: 1) open devtools 2) go to the settings 3) go to experiments 4) allow "Allow extensions to load custom stylesheets" 4) and restart google chrome !
DEXTRY GAMING 2022-11-04: If you don't see the theme here are the steps to follow: 1) open devtools 2) go to the settings 3) go to experiments 4) allow "Allow extensions to load custom stylesheets" 4) and restart google chrome !
Anonymous 2019-09-25: I love material theme! Good work! thanks a lot.
Evgenios Sochopoulos 2019-07-25: This is great. Thanks.
Evgenios Sochopoulos 2019-07-25: This is great. Thanks.
Jonathan Gregson 2019-07-12: Don't forget that to use this you need to: 1) Go to chrome://flags/#enable-devtools-experiments 2) Set "Developer Tools experiments" to "Enabled" 3) Relaunch Chrome 4) Go to Chrome Dev Tools > Settings > Experiments and check "Allow custom UI themes" 5) Go to Chrome Dev Tools > Settings and set "Theme" to "Dark" 6) Restart Dev Tools
Jonathan Gregson 2019-07-12: Don't forget that to use this you need to: 1) Go to chrome://flags/#enable-devtools-experiments 2) Set "Developer Tools experiments" to "Enabled" 3) Relaunch Chrome 4) Go to Chrome Dev Tools > Settings > Experiments and check "Allow custom UI themes" 5) Go to Chrome Dev Tools > Settings and set "Theme" to "Dark" 6) Restart Dev Tools
Rabar Rudminer 2019-06-20: Really well done, thanks!
Rabar Rudminer 2019-06-20: Really well done, thanks!
Enoh Barbu 2019-06-20: I like this
Enoh Barbu 2019-06-20: I like this
Anonymous 2019-03-27: The best devtools theme of all that listed in web store. Much obliged :3
Anonymous 2019-03-27: The best devtools theme of all that listed in web store. Much obliged :3
Anonymous 2019-02-11: As the maintainer of the Material Theme UI for Jetbrains, I thank you for that. However some remarks: - First of all, I don't know why are there remnants of the Darker theme in the Oceanic one (#242424). You should use the Contrast color instead. - Also, you could allow to switch themes via an options panel, just like the plugin. If you managed to do that, I'll include this plugin in the documentation site and the README. Great work!
Thomas Soler 2019-01-21: This might be the best dark theme I have seen yet.
Thomas Soler 2019-01-21: This might be the best dark theme I have seen yet.
Armin Windlin 2019-01-07: Much better then default dark theme. Thank you sir.
Armin Windlin 2019-01-07: Much better then default dark theme. Thank you sir.

Extension Actions