Change Chrome Devtool Styles
Chrome Devtools Styler Extension
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.
Read more
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.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Chrome Devtools Styler", "version": "1.1.2", "description": "Change Chrome Devtool Styles", "devtools_page": "index.html", "manifest_version": 2, "permissions": [ "storage" ], "web_accessible_resources": [ "assets/css/*", "assets/fonts/*", "assets/img/*" ], "icons": { "16": "assets/img/icon.png",\t\t"48": "assets/img/icon.png", "128": "assets/img/icon.png" }, "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'"}
Read more