English (United States)
See more
Material DevTools Theme Collection
Latest Version
Version
7.6.0
Update
November 4, 2024
Size
198KiB
Developer
material-theme.com
Category
Users
10,000+ 
Rating
3.80822 ★
Manifest Version
3
Web Store Status
Extension ID
Languages Support
Permissions
Storage
See more
Material DevTools Theme Collection Extension
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
- Material Darker
- Material Lighter
- Material Palenight
- Material Deep Ocean
- Material Forest
- Material Sky Blue
- Material Sandy Beach
- Material Volcano
- Material Space
- Monokai Pro
- Dracula
- GitHub
- GitHub Dark
- Arc Dark
- Atom One Dark
- Atom One Light
- Night Owl
- Light Owl
- Solarized Dark
- Solarized Light
- Moonlight
- SynthWave '84
- Catpuccin
Installation:
- Open Developer Tools
- Open the Settings > Experiments > \"Allow extensions to load custom stylesheets\"
- Close and reopen the DevTools
Features:
- Select a theme amongst the list of available themes
- Change the Monospace Font with a font installed in your computer
- Optionally change the Monospace Font Size
- Change the Accent Color (the color used in elements such as the tab highlight indicator, checkbox, radio buttons, etc)
- Colorize the Scrollbars with the Accent Color
Important note:
If you want to use a dark theme (Oceanic, Palenight etc), select the Dark Mode, otherwise select the Light Mode!
A big thanks for Jonas Ausgburger (https://chrome.google.com/webstore/detail/material-devtools-theme/pmlofkkoaahmkmmebdkkcljmflocijlo) and Mike King for the inspiration.
Read more
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
- Material Darker
- Material Lighter
- Material Palenight
- Material Deep Ocean
- Material Forest
- Material Sky Blue
- Material Sandy Beach
- Material Volcano
- Material Space
- Monokai Pro
- Dracula
- GitHub
- GitHub Dark
- Arc Dark
- Atom One Dark
- Atom One Light
- Night Owl
- Light Owl
- Solarized Dark
- Solarized Light
- Moonlight
- SynthWave '84
- Catpuccin
Installation:
- Open Developer Tools
- Open the Settings > Experiments > \"Allow extensions to load custom stylesheets\"
- Close and reopen the DevTools
Features:
- Select a theme amongst the list of available themes
- Change the Monospace Font with a font installed in your computer
- Optionally change the Monospace Font Size
- Change the Accent Color (the color used in elements such as the tab highlight indicator, checkbox, radio buttons, etc)
- Colorize the Scrollbars with the Accent Color
Important note:
If you want to use a dark theme (Oceanic, Palenight etc), select the Dark Mode, otherwise select the Light Mode!
A big thanks for Jonas Ausgburger (https://chrome.google.com/webstore/detail/material-devtools-theme/pmlofkkoaahmkmmebdkkcljmflocijlo) and Mike King for the inspiration.
Source Manifest.json
{
"update_url": "https://clients2.google.com/service/update2/crx",
"icons":{"16":"icon16.plasmo.6c567d50.png",
"32":"icon32.plasmo.76b92899.png",
"48":"icon48.plasmo.aced7582.png",
"64":"icon64.plasmo.8bb5e6e0.png",
"128":"icon128.plasmo.3c1ed2d2.png"},
"manifest_version":3,
"action":{"default_icon":{"16":"icon16.plasmo.6c567d50.png",
"32":"icon32.plasmo.76b92899.png",
"48":"icon48.plasmo.aced7582.png",
"64":"icon64.plasmo.8bb5e6e0.png",
"128":"icon128.plasmo.3c1ed2d2.png"},
"default_popup":"popup.html"},
"version":"7.6.0",
"author":"Elior Boukhobza (Mallowigi)",
"name":"Material DevTools Theme Collection",
"description":"Material DevTools Theme Collection",
"devtools_page":"devtools.html",
"permissions":["storage"],
"short_name":"Material DevTools",
"homepage_url":"https://www.material-theme.com",
"web_accessible_resources":[{"resources":["assets/**/*.svg"],
"matches":["https://*/*",
"file://*/*"]}]}
Read more
"update_url": "https://clients2.google.com/service/update2/crx",
"icons":{"16":"icon16.plasmo.6c567d50.png",
"32":"icon32.plasmo.76b92899.png",
"48":"icon48.plasmo.aced7582.png",
"64":"icon64.plasmo.8bb5e6e0.png",
"128":"icon128.plasmo.3c1ed2d2.png"},
"manifest_version":3,
"action":{"default_icon":{"16":"icon16.plasmo.6c567d50.png",
"32":"icon32.plasmo.76b92899.png",
"48":"icon48.plasmo.aced7582.png",
"64":"icon64.plasmo.8bb5e6e0.png",
"128":"icon128.plasmo.3c1ed2d2.png"},
"default_popup":"popup.html"},
"version":"7.6.0",
"author":"Elior Boukhobza (Mallowigi)",
"name":"Material DevTools Theme Collection",
"description":"Material DevTools Theme Collection",
"devtools_page":"devtools.html",
"permissions":["storage"],
"short_name":"Material DevTools",
"homepage_url":"https://www.material-theme.com",
"web_accessible_resources":[{"resources":["assets/**/*.svg"],
"matches":["https://*/*",
"file://*/*"]}]}
Similar Extensions
Material DevTools Theme 10,000+ 14 ★ 29.31KiB
daily.dev | The homepage developers deserve 10,000+ 2460 ★ 2.28MiB
Octotree - GitHub code tree 10,000+ 1139 ★ 3.54MiB
DevTools Theme: New Moon 10,000+ 9 ★ 40.7KiB
Atom Material Icons 10,000+ 23 ★ 2.18MiB
Monokai for Chrome 10,000+ 14 ★ 41.8KiB
JetBrains Toolbox Extension 10,000+ 119 ★ 243KiB
Magoon: Chrome DevTools Theme 10,000+ 13 ★ 39.09KiB
DevTools Author 10,000+ 117 ★ 377KiB
DevTools Theme: Zero Dark Matrix 10,000+ 545 ★ 56.82KiB
DevTools Theme: Monokai TK#MOD 10,000+ 2 ★ 42KiB
DevTools Theme: NightLion Dark 10,000+ 9 ★ 70.22KiB
Darcula Theme for DevTools 10,000+ 9 ★ 282KiB
Material Design Theme for Chrome Devtools 10,000+ 20 ★ 2.65MiB
DevTools Theme: Gruvbox Dark 10,000+ 7 ★ 50.3KiB
DevTools Font Changer 10,000+ 21 ★ 10.53KiB
Material Icons for GitHub 10,000+ 77 ★ 1.05MiB
GitHub Dark Theme 10,000+ 173 ★ 246KiB
greybeard devtools theme 10,000+ 19 ★ 539KiB
VisBug 10,000+ 252 ★ 5.38MiB
Vue.js devtools (beta) 10,000+ 149 ★ 2.54MiB
Refined GitHub 10,000+ 213 ★ 572KiB
OctoLinker 10,000+ 110 ★ 184KiB
File Icons for GitHub and GitLab 10,000+ 48 ★ 460KiB
User reviews
Etienne Wille (ID: 0000006661b9c4c5) Voted 5 ★ - Updated 11/08/2023
Eric Aprioku (ID: 000000ae4d20a94d) Voted 5 ★ - Updated 10/26/2023
Stephan Lamoureux (ID: 00000035e525c8dc) Voted 5 ★ - Updated 03/30/2023
Mohammad Mahdi (ID: 000000564ab2ad0c) Voted 5 ★ - Updated 01/25/2023
Garrett Aldridge (ID: 000000e015964a4b) Voted 4 ★ - Updated 12/02/2022
