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…

Material Design Theme for Chrome Devtools Extension

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.
Install from Chrome Web Store

Extension stats

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:
Manifest version: 2
Size: 2.78M
URLs: Website

Other platforms

Not available on Android
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

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.
User 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
by Sage Black, 2019-03-05

Outdated :(
by Bogdan Ilisei, 2018-07-16

Need to be updated
by 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

Promo images

Material Design Theme for Chrome Devtools small promo image
Small promo image

Similar extensions

Here are some Chrome extensions that are similar to Material Design Theme for Chrome Devtools: