Material DevTools Theme Collection icon

Material DevTools Theme Collection

by Mallowigi

v7.6.0 Updated Nov 5, 2024 198KiB
CWS
10K
Users
★ 3.79
75 reviews
#725
of 31.8K
developer
#68 of 2.3K
⚠️Not updated in over a year

Description

IMPORTANT: Due to Google Chrome removing the option to load Custom Stylesheets, this extension no longer works :'( We're hoping that Chrome restores that feature in the future but until then, this extension is archived. -------------------- 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.
Material DevTools Theme Collection screenshot 1Material DevTools Theme Collection screenshot 2Material DevTools Theme Collection screenshot 3

Reviews (20 cached)

★☆☆☆☆2024-10-28
Ahmad Al Tamimi

not working anymore

★☆☆☆☆2024-09-02
Akakii Ananii

Doesn't work :(

★☆☆☆☆2024-08-23
Ridwan Opeyemi Yinusa

not working anymore!!!!

★☆☆☆☆2024-06-13
Cedrick Bautista (Ced)

not working

★☆☆☆☆2024-04-28
Dylan

Not working on MacOS :(

★☆☆☆☆2024-04-15
milan vala

not working in macos 14.4.1

★☆☆☆☆2024-02-22
Paul Mourer

Doesnt work. MacOS Chrome 122.0.6261.57. I've enabled stylesheets and reloaded devtools on any theme changes. Closed and re-opened. Nothing. Edit - Maybe it works? Seems like even with reloads and closing and re-opening the app it just randomly appears to change the theme several minutes after setting it with no obvious triggering event.

★☆☆☆☆2022-06-25
Marcos Gustavo Campos da Silva

do not work

★☆☆☆☆2019-11-06
S.

Dev tool has not been changed ...

★★☆☆☆2024-02-13
Johnny Silverhand

Please update this for the chrome >121 version. Is applying the same color for all the JSON elements :( I mean, there's no color difference between string, bool, etc.

★★☆☆☆2019-10-31
Ramon Tonnaer

Unfortunately, it's not working for me either. Enabled Developer Tools Experiments, ticked on Allow Custom UI Themes restarted, tried to totally reset chrome to default but still no go. Theme: System Preference, Dark and Light switched and no go. It's a pitty, because it all looks great in the extension panel ;-)

★★☆☆☆2019-09-28
Jordan Humberto de Souza

It doesn't work for me. Even tho i've followed all aditional steps enabling the flag and the required settings on my dev tools panel.

★★☆☆☆2019-09-16
Kseniia Purikhova

Not working at all. I tried to apply it to new chrome user without other addons but still nothing. Nor F12 nor browser reloading activates this app :(

★★★☆☆2024-03-27
Gio `

Nice looking but does not render anything when i resize devtools until i stop resizing (shows just plain bg color) same thing when picking a color in devtools color picker - on click + mousemove just plain bg...

★★★☆☆2022-08-02
Hydra Musik

Not working anymore for me

★★★☆☆2022-04-11
Slavy Spasov

The cursor is hard to see once you start typing, otherwise 5*

★★★☆☆2021-04-01
可遇

oh,i can't use it when i change default theme,have somebodys help me?

★★★☆☆2020-04-10
bw j

Good for select font. Bad for current line highlight loose when focus out.

★★★☆☆2019-09-01
Vic X (X.V.)

It is beautiful. But when I use the DevTools, it lags.

★★★☆☆2019-08-16
jindo katori

Hard to see text that was selected in tab source

Permissions (1)

Permissions

storage Can store data locally in your browser

Details

Version 7.6.0
Updated Nov 5, 2024
Size 198KiB
First Seen Mar 21, 2026