Material DevTools Theme icon

Material DevTools Theme

Extension Actions

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
Material DevTools Theme
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
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
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
I love material theme! Good work! thanks a lot.
Evgenios Sochopoulos
This is great. Thanks.
Evgenios Sochopoulos
This is great. Thanks.
Jonathan Gregson
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
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
Really well done, thanks!
Rabar Rudminer
Really well done, thanks!
Enoh Barbu
I like this
Enoh Barbu
I like this
Anonymous
The best devtools theme of all that listed in web store. Much obliged :3
Anonymous
The best devtools theme of all that listed in web store. Much obliged :3
Anonymous
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
This might be the best dark theme I have seen yet.
Thomas Soler
This might be the best dark theme I have seen yet.
Armin Windlin
Much better then default dark theme. Thank you sir.
Armin Windlin
Much better then default dark theme. Thank you sir.