daily.dev | Where developers discover what's next
Developer news, personalized to your stack, in every new tab. Join 400,000+ developers. Free and open source.
Material DevTools Theme Collection
Review user movement across collected snapshots.
View collected rating snapshots from the latest 7-day window to assess rating stability.
Compare 1-day, 7-day, and 30-day net growth and growth rate.
Review publication date, version, supported languages, and crawl timestamps.
Review the store description, core capabilities, and common use cases.
IMPORTANT: Due to Google Chrome removing the option to load Custom Stylesheets, this extension no longer works :'(
We're hoping that Chrome restores that feature in the future but until then, this extension is archived.
--------------------
This is a porting of the famous Material Theme (https://www.material-theme.com) for Chrome DevTools. It completely redesigns the Chrome DevTools panels to the Material Theme Colors. And just like its inspiration, it also provides options to switch to other themes as well in the blink of an eye!
Themes:
- Material Oceanic
Inspect the latest comments and rating distribution.
Store average score: 3.8. The bars below are calculated from synced review text only, so they may be empty for extensions that have public ratings but no synced comments yet.
Review related products from the Chrome Web Store detail page.
Developer news, personalized to your stack, in every new tab. Join 400,000+ developers. Free and open source.
GitHub on steroids
Atom Material Icons for Web (GitHub, BitBucket, Gitee, Azure and GitLab)
Clone and open projects from GitHub, GitLab, Gitee, and Bitbucket in JetBrains IDEs right from your browser
Font changer for chrome devtools.
Material icons for the file browser of popular websites like GitHub, Azure, Bitbucket etc.
хотелось бы увидеть тему такого оттенка #081620 был бы очень рад)
A tip for anyone who has difficulties like me, besides following the installation step by step, Google Chrome no longer needs to enable the "Developer Tools Experiment" in chrome://flags/, this is now natively necessary follow the steps normally: Installation: - Open Developer Tools - Open the Settings > Experiments > "Allow extensions to load custom stylesheets" - Close and reopen the DevTools With the addition that for the changes to appear you must restart Chrome by entering "chrome://restart" in the browser and they appear, I hope this can help someone in the future :)
Doesnt work. MacOS Chrome 122.0.6261.57. I've enabled stylesheets and reloaded devtools on any theme changes. Closed and re-opened. Nothing. Edit - Maybe it works? Seems like even with reloads and closing and re-opening the app it just randomly appears to change the theme several minutes after setting it with no obvious triggering event.
Best Plugin to change the standard design of the Chrome Developer Tools. But please read the installation guide! It is necessary to make the extension work, because you need to turn on a experimental Chrome feature.
Please update this for the chrome >121 version. Is applying the same color for all the JSON elements :( I mean, there's no color difference between string, bool, etc.
Almost three years, I have used Material Ocean in Everywhere!
I'm using it for edge, but after the new design, some elements are not being themed, like the tab bar for example. This could be fixed by inspecting the DevTools page (you can access on "devtools://devtools/bundled/devtools_app.html"), finding the classes for the elements that are not themed, and adding them to the style.
The Color of the console doesnt change for me. Also the whole theme resets to default sometimes
Simply amazing and breathtaking!!!
amazing, I wish they had this from the chrome themes as well.