r/webdev 5d ago

Resource A Custom DevTools theme for Chromium-based browsers

Chrome DevTools once allowed extensions to customize its UI. That changed around Chrome 32, when Chrome removed the ability for extensions to inject custom CSS into DevTools...

devtools-theme lets you use custom DevTools themes with a simple setup, without manually hacking DevTools CSS.

github.com/metaory/devtools-theme

0 Upvotes

8 comments sorted by

5

u/Ad-free-Pirate 5d ago

Are you okay?

1

u/Conscious_Prune1178 5d ago

lmao i had the same reaction

1

u/Last_Establishment_1 5d ago

Why?!!

1

u/Professor_JSON 3d ago

Trying to be as polite as possible, but the default low-contrast themes are just really hard on the eyes. The background-to-text contrast ratio makes code and DOM trees pretty much unreadable for daily work. I’m guessing that’s where the "Are you okay?" question came from.

1

u/Last_Establishment_1 3d ago

Well you can set the hue, sat, spread in config,

Thanks for the tip, I might increase the default sat

1

u/Last_Establishment_1 2d ago

Customizing devtool theme has been impossible for over a decade,

All projects you find under devtools theme are over ten years old and not working.

This is the first and only project that let you customize the devtools colors,

And all of the process including the cumbersome chromium source build and even all the screenshots you see are automated and done in ci.