Material DevTools Theme Collection Chrome Extension

material devtools theme collection.
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!

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.

How to install Material DevTools Theme Collection chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the Material DevTools Theme Collection Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension Material DevTools Theme Collection Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the Material DevTools Theme Collection in Chrome Webstore Search and click on the search button.
• Step 3: click on the Material DevTools Theme Collection Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the Material DevTools Theme Collection extension for your Chrome Web browser .