Chrome Devtools Styler icon

Chrome Devtools Styler

Extension Actions

CRX ID
geneoacljdknpjlgnlcnhipjgigolpih
Description from extension meta

Change Chrome Devtool Styles

Image from store
Chrome Devtools Styler
Description from store

Devtools Styler to change chrome devtools font and font size.
Issue: If devtools tabs have ellipses in title after setting devtools font do zoom in and zoom out in devtools to restore tab details properly

Steps Before Installation :

1. Open new tab enter URL "chrome://flags/devtools#enable-devtools-experiments" and enable 'Developer Tools Experiments'.
2. Open devtools by pressing F12.
3. Press F1 to open chrome devtools settings then in 'Experiments Tab' enable 'Allow Custom UI Themes'.
3. Open "Devtools Styler" tab in devtools and set preferred options.
4. Press CTRL + S or Save Button to Save
5. Restart chrome devtools to apply settings.

Latest reviews

alexander
stopped working with the latest chrome (source code font), pls fix
alexander
stopped working with the latest chrome (source code font), pls fix
Yury Gorelik
Thank you!
Yury Gorelik
Thank you!
Rob Foxx
Relatively straightforward to set up and does the job perfectly. All I needed was the font size bumped up by a couple of pixels to reduce the eye strain and this did exactly what I needed. Thanks!
Rob Foxx
Relatively straightforward to set up and does the job perfectly. All I needed was the font size bumped up by a couple of pixels to reduce the eye strain and this did exactly what I needed. Thanks!