Super CSS Inject

Keep multiple stylesheets ready to inject and change on the fly!

What is Super CSS Inject?

Super CSS Inject is a Chrome extension developed by Nelson Rodrigues, and its main feature is "Keep multiple stylesheets ready to inject and change on the fly!".

Extension Screenshots

screenshot
screenshot

Download Super CSS Inject Extension CRX File

Download Super CSS Inject 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

                        This extension allows you inject an external CSS stylesheet into a page via URL.

The extension allows you to keep an list of multiple CSS stylesheets ready to inject so it's easier to toggle between them when working in multiple projects.

The extension also works with LiveReload so you can work on the CSS without having to reload the page.

2022-11-10 Update
- Fixed a bug that caused the extension to stop responding due to the service worker inactivity;
- Improved behaviour in SPAs (the extension now tries to always keep the injected style sheets in highest priority);

2022-10-13 Update
- Allow multiple injected stylesheets per tab;
- Easily rename existing stylesheet URLs in the Options page;
- Added links to the stylesheet URLs in the Options page;
- Added URL validation in the Options page;
- The search input in the Popup it's now displayed earlier (6 or more items).

2020-05-31 Update
- Added search in popup to easily filter larger lists (> 8 items);
- Fixed overlapping bug in options page.

2020-03-16 Update
- Improved the listing to work with larger stylesheet names.

2019-08-06 Update
- Added popup to easily change between active stylesheet without having to open the Options page;
- Now you can have an different active stylesheet per browser tab;
- The list of stylesheets is now sorted alphabetically.                    

Extension Basic Information

Name Super CSS Inject Super CSS Inject
ID pcfpmmmjdgngeidaggcahhoncahmpiin
Official URL https://chromewebstore.google.com/detail/super-css-inject/pcfpmmmjdgngeidaggcahhoncahmpiin
Description Keep multiple stylesheets ready to inject and change on the fly!
File Size 116 KB
Installation Count 1,362
Current Version 1.3.1
Last Updated 2022-11-11
Publish Date 2020-05-31
Rating 4.60/5 Total 10 Ratings
Developer Nelson Rodrigues
Email [email protected]
Payment Type free
Help Page URL https://github.com/nelsonr/super_css_inject
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Super CSS Inject",
    "version": "1.3.1",
    "description": "Keep multiple stylesheets ready to inject and change on the fly!",
    "manifest_version": 3,
    "permissions": [
        "activeTab",
        "storage"
    ],
    "icons": {
        "48": "icons\/48x48.png",
        "64": "icons\/64x64.png",
        "128": "icons\/128x128.png"
    },
    "background": {
        "service_worker": "js\/background.js"
    },
    "content_scripts": [
        {
            "js": [
                "js\/SuperCSSInject.js"
            ],
            "matches": [
                "http:\/\/*\/*",
                "https:\/\/*\/*"
            ],
            "run_at": "document_end"
        }
    ],
    "action": {
        "default_title": "Enable Super CSS Inject",
        "default_icon": "icons\/48x48.png",
        "default_popup": "popup.html"
    },
    "options_ui": {
        "page": "options.html",
        "open_in_tab": true
    }
}