Material DevTools Theme Collection chrome extension

Version: 7.2.3
Material DevTools Theme Collection
Material DevTools Theme Collection
4.19 Based on 57 user rates

What is Material DevTools Theme Collection?

Material DevTools Theme Collection is a dark mode extension for chrome. it's a free extension , it has 10,000+ active users since released its first version, it earns an average rating of 4.19 from 57 rated user, last update is 525 days ago.

What’s new in version 7.2.3?

                This is a porting of the famous Material Theme ( 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!

- Open Developer Tools
- Open the Settings > Experiments > "Allow extensions to load custom stylesheets"
- Close and reopen the DevTools

- 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 ( and Mike King for the inspiration.            

How to install Material DevTools Theme Collection?

You could download the latest version crx file or older version files and install it.

Preview of Material DevTools Theme Collection

Technical Features:

  • Latest Version: 7.2.3
  • Requirements: Windows Chrome, Mac Chrome
  • License: Free
  • Latest update: Thursday, June 30th, 2022
  • Author: Mallowigi

Material DevTools Theme Collection Available languages:

English (United States).


Reviews of material devtools theme collection:

Stephan Lamoureux March 29th, 2023
Stephan Lamoureux

amazing, I wish they had this from the chrome themes as well.

Mohammad Mahdi January 25th, 2023
Mohammad Mahdi

Really good, was tired of that gray ugly theme and font. But the cursor is not visible in editor in source tab

Garrett Aldridge December 2nd, 2022
Garrett Aldridge

Fixes needed: 1.Cursor is impossible to see when clicking inside HTML elements or snippets. 2. Resizing the console cause everything inside to become hidden.

Read more review & comments of material devtools theme collection