Chrome Devtools Styler

Change Chrome Devtool Styles

What is Chrome Devtools Styler?

Chrome Devtools Styler is a Chrome extension developed by Ajinkya Bijwe, and its main feature is "Change Chrome Devtool Styles".

Extension Screenshots

screenshot
screenshot
screenshot

Download Chrome Devtools Styler Extension CRX File

Download Chrome Devtools Styler extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        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.                    

Extension Basic Information

Name Chrome Devtools Styler Chrome Devtools Styler
ID geneoacljdknpjlgnlcnhipjgigolpih
Official URL https://chromewebstore.google.com/detail/chrome-devtools-styler/geneoacljdknpjlgnlcnhipjgigolpih
Description Change Chrome Devtool Styles
File Size 262 KB
Installation Count 783
Current Version 1.1.2
Last Updated 2020-06-11
Publish Date 2020-06-10
Rating 5.00/5 Total 5 Ratings
Developer Ajinkya Bijwe
Email [email protected]
Payment Type free
Extension Website https://github.com/AjinkyaBijwe/Chrome-Devtools-Styler
Help Page URL https://github.com/AjinkyaBijwe/Chrome-Devtools-Styler/issues
Supported Languages en
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",
        "48": "assets\/img\/icon.png",
        "128": "assets\/img\/icon.png"
    },
    "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'"
}