Material DevTools Theme Collection
Material DevTools Theme Collection
What is Material DevTools Theme Collection?
Material DevTools Theme Collection is a Chrome extension developed by https://material-theme.com, and its main feature is "Material DevTools Theme Collection".
Extension Screenshots
Download Material DevTools Theme Collection Extension CRX File
Download Material DevTools Theme Collection extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
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. Extension Basic Information
| Name |  Material DevTools Theme Collection |
| ID | jmefikbdhgocdjeejjnnepgnfkkbpgjo |
| Official URL | https://chromewebstore.google.com/detail/material-devtools-theme-c/jmefikbdhgocdjeejjnnepgnfkkbpgjo |
| Description | Material DevTools Theme Collection |
| File Size | 198 KB |
| Installation Count | 10,000 |
| Current Version | 7.6.0 |
| Last Updated | 2024-02-23 |
| Publish Date | 2020-04-07 |
| Rating | 4.15/5 Total 62 Ratings |
| Developer | https://material-theme.com |
| [email protected] | |
| Payment Type | free |
| Extension Website | https://github.com/mallowigi/material-dev-tools |
| Help Page URL | https://github.com/mallowigi/material-dev-tools/issues |
| Supported Languages | en-US |
| 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:\/\/*\/*"
]
}
]
} | |
