Material DevTools Theme
A developer tools color theme inspired by the Material Theme UI plugin for IntelliJ IDEA.
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
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 !
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 !
I love material theme! Good work! thanks a lot.
This is great. Thanks.
This is great. Thanks.
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
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
Really well done, thanks!
Really well done, thanks!
I like this
I like this
The best devtools theme of all that listed in web store. Much obliged :3
The best devtools theme of all that listed in web store. Much obliged :3
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!
This might be the best dark theme I have seen yet.
This might be the best dark theme I have seen yet.
Much better then default dark theme. Thank you sir.
Much better then default dark theme. Thank you sir.
