Material DevTools Theme Collection

Material DevTools Theme Collection

Was ist Material DevTools Theme Collection?

Material DevTools Theme Collection ist eine Chrome-Erweiterung, die von https://material-theme.com entwickelt wurde, und ihr Hauptmerkmal ist "Material DevTools Theme Collection".

Erweiterungsscreenshots

screenshot
screenshot
screenshot

Material DevTools Theme Collection-Erweiterungs-CRX-Datei herunterladen

Laden Sie Material DevTools Theme Collection-Erweiterungsdateien im crx-Format herunter, installieren Sie Chrome-Erweiterungen manuell im Browser oder teilen Sie die crx-Dateien mit Freunden, um Chrome-Erweiterungen einfach zu installieren.

Anleitung zur Verwendung der Erweiterung

                        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.                    

Grundlegende Informationen zur Erweiterung

Name Material DevTools Theme Collection Material DevTools Theme Collection
ID jmefikbdhgocdjeejjnnepgnfkkbpgjo
Offizielle URL https://chromewebstore.google.com/detail/material-devtools-theme-c/jmefikbdhgocdjeejjnnepgnfkkbpgjo
Beschreibung Material DevTools Theme Collection
Dateigröße 198 KB
Installationsanzahl 10,000
Aktuelle Version 7.6.0
Letztes Update 2024-02-23
Veröffentlichungsdatum 2020-04-07
Bewertung 4.15/5 Insgesamt 62 Bewertungen
Entwickler https://material-theme.com
E-Mail [email protected]
Zahlungsart free
Erweiterungswebsite https://github.com/mallowigi/material-dev-tools
Hilfeseite URL https://github.com/mallowigi/material-dev-tools/issues
Unterstützte Sprachen 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:\/\/*\/*"
            ]
        }
    ]
}