Material Design Theme for Chrome Devtools

This is a theme inspired by Material Theme for sublime text, that brings the Material Design visual language to your Chrome…

What is Material Design Theme for Chrome Devtools?

The 'Material Design Theme for Chrome Devtools' is a chrome extension modeled after sublime text's Material Theme. It transforms your Chrome Devtools by introducing the Material Design visual language. The extension not only beautifies the Devtools interface but enhances user experience with features like smart highlights. A few steps to enable custom themes and you are on your way to a more engaging Devtools interface.

Download

Extension stats

By: https://felipemartinin.com

View on Chrome Web Store

Users: 1,000+

Rating: 4.35 (20)

Version: 0.1.2 (Last updated: 2016-12-30)

Creation date: 2016-12-30

Risk impact: Low risk impact

Risk likelihood: Moderate risk likelihood

Manifest version: 2

Size: 2.78M

URLs: Website

Ranking

# 23538 ▼ 2

Other rankings

#3482 in Developer Tools ▼ 4 #70 in material keyword 41 ▼ 3 #122 in design keyword 25 ▼ 8

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

This is a theme inspired by Material Theme for sublime text, that brings the Material Design visual language to your Chrome Devtools. This theme add some features like smart highlights, besides to make you Devtools interface more beautiful.

Install guide:

After install and enable in settings> extentions, you need to enable custom themes to make it works:

Navigate to chrome://flags/ Search by: Developer Tools Experiments and click on enable Click on "Relunch Now" button at the bottom and wait the browser relunch Now, open the devtools Go to the settings (gear icon) > experiments click allow custom ui themes reload devtools for theme to fully apply

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.

Pros

Improves the visual appearance of Chrome DevTools compared to the default white theme.
Makes the user experience less boring and more enjoyable.
Works well when combined with the 'Dark' theme in DevTools Preferences.
Some users find it very useful and a great extension.

Cons

Many users feel the extension is outdated and needs updates.
Bold font weight is a common complaint, with requests to reduce it.
Some color contrasts make it difficult to see certain elements, particularly in the console.
Closing tags in the Elements view have less noticeable colors compared to opening tags.

Most mentioned

Needs updates.
Bold font weight issue.
Color contrast issues in console.
Improves user interface aesthetics.

Recent reviews

LOVE IT! Can't speak for someone that uses dev tool a lot, but as a user of --- http://www.material-theme.com/docs/introduction/ --- , this is just a huge improvement from the plain boring eye tiring white. i would love if it'd be more blues and purples rather than the red, but I am still a fan of it nonetheless

Sage Black, 2019-03-05

Outdated :(

Bogdan Ilisei, 2018-07-16

Need to be updated

Elior Boukhobza, 2018-07-03

View all user reviews

Extension safety

Risk impact

Material Design Theme for Chrome Devtools requires very minimum permissions.

Risk likelihood

Material Design Theme for Chrome Devtools is probably trust-worthy. Prefer other publishers if available. Exercise caution when installing this extension.

Upgrade to see risk analysis details