Material DevTools Theme Collection

Material DevTools Theme Collection

¿Qué es Material DevTools Theme Collection?

Material DevTools Theme Collection es una extensión de Chrome desarrollada por https://material-theme.com, y su función principal es "Material DevTools Theme Collection".

Capturas de Pantalla de la Extensión

screenshot
screenshot
screenshot

Descargar Archivo CRX de la Extensión Material DevTools Theme Collection

Descarga archivos de extensión Material DevTools Theme Collection en formato crx, instala manualmente las extensiones de Chrome en el navegador o comparte los archivos crx con amigos para instalar fácilmente las extensiones de Chrome.

Instrucciones de Uso de la Extensión

                        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.                    

Información Básica de la Extensión

Nombre Material DevTools Theme Collection Material DevTools Theme Collection
ID jmefikbdhgocdjeejjnnepgnfkkbpgjo
URL Oficial https://chromewebstore.google.com/detail/material-devtools-theme-c/jmefikbdhgocdjeejjnnepgnfkkbpgjo
Descripción Material DevTools Theme Collection
Tamaño del Archivo 198 KB
Cantidad de Instalaciones 10,000
Versión Actual 7.6.0
Última Actualización 2024-02-23
Fecha de Publicación 2020-04-07
Calificación 4.15/5 Total de 62 Calificaciones
Desarrollador https://material-theme.com
Correo electrónico [email protected]
Tipo de Pago free
Sitio Web de la Extensión https://github.com/mallowigi/material-dev-tools
URL de la Página de Ayuda https://github.com/mallowigi/material-dev-tools/issues
Idiomas Soportados 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:\/\/*\/*"
            ]
        }
    ]
}