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

Latest Version

Version
1.1
Update
August 18, 2019
Size
29.31KiB
Developer
Category
Users
2,000+
Rating
4.5 ★
Manifest Version
2
Web Store Status
Languages Support
English (UK)
See more
Permissions
See more

Material DevTools Theme Extension

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
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Material DevTools Theme", "version": "1.1", "description": "A developer tools color theme inspired by the Material Theme UI plugin for IntelliJ IDEA.", "manifest_version": 2, "author": "Jonas Augsburger", "devtools_page": "devtools.html", "browser_action": { "default_icon": "icon.png", "default_title": "Get Material" }, "icons": { "16": "icon16.png", "48": "icon48.png", "128": "icon128.png" }}
Read more

Similar Extensions

icon

Material DevTools Theme Collection Extension · Developer Tools 2,000+ 73 ★ 198KiB

icon

Atom Material Icons Extension · Productivity 2,000+ 23 ★ 2.18MiB

icon

Chrome Devtools Styler Extension · Developer Tools 2,000+ 6 ★ 262KiB

icon

DevTools Theme: Gruvbox Dark Extension · Developer Tools 2,000+ 7 ★ 50.3KiB

icon

DevTools Theme: Zero Dark Matrix Extension · Developer Tools 2,000+ 545 ★ 56.82KiB

icon

DevTools Theme: NightLion Dark Extension · Developer Tools 2,000+ 9 ★ 70.22KiB

icon

Frozen - A Chrome Devtools Theme Extension · Developer Tools 2,000+ 9 ★ 2.63MiB

icon

DevTools Theme: Monokai TK#MOD Extension · Developer Tools 2,000+ 2 ★ 42KiB

icon

Magoon: Chrome DevTools Theme Extension · Developer Tools 2,000+ 13 ★ 39.09KiB

icon

DevTools Theme: Atom Dark with Green Cursor Extension · Developer Tools 2,000+ 3 ★ 33.4KiB

icon

Darcula Theme for DevTools Extension · Developer Tools 2,000+ 9 ★ 282KiB

icon

Material Design Theme for Chrome Devtools Extension · Developer Tools 2,000+ 20 ★ 2.65MiB

icon

DevTools Font Changer Extension · Developer Tools 2,000+ 21 ★ 10.53KiB

icon

DevTools Theme: New Moon Extension · Developer Tools 2,000+ 9 ★ 40.7KiB

icon

DevTools Author Extension · Developer Tools 2,000+ 117 ★ 377KiB

icon

Monokai for Chrome Extension · Productivity 2,000+ 14 ★ 41.8KiB

icon

greybeard devtools theme Extension · Developer Tools 2,000+ 19 ★ 539KiB

icon

Material Icons for GitHub Extension · Developer Tools 2,000+ 77 ★ 1.05MiB

icon

GitHub Dark Theme Extension · Developer Tools 2,000+ 173 ★ 246KiB

icon

JetBrains Toolbox Extension Extension · Developer Tools 2,000+ 119 ★ 243KiB

icon

Octotree - GitHub code tree Extension · Developer Tools 2,000+ 1139 ★ 3.54MiB

icon

github-vscode-icons Extension · Developer Tools 2,000+ 16 ★ 1.71MiB

icon

Amino: Live CSS Editor Extension · Developer Tools 2,000+ 453 ★ 1.45MiB

icon

File Icons for GitHub and GitLab Extension · Developer Tools 2,000+ 48 ★ 460KiB

User reviews

icon

DEXTRY GAMING (ID: 000000d42a86dc54) Voted 4 ★ - Updated 11/04/2022 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 !

icon

Evgenios Sochopoulos (ID: 0000001358f6e802) Voted 5 ★ - Updated 07/25/2019 This is great. Thanks.

icon

Jonathan Gregson (ID: 000000836febcea5) Voted 5 ★ - Updated 07/12/2019 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

icon

Rabar Rudminer (ID: 000000c57cb1dcf4) Voted 5 ★ - Updated 06/20/2019 Really well done, thanks!

icon

Enoh Barbu (ID: 0000000e19f0c48d) Voted 5 ★ - Updated 06/20/2019 I like this