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

Latest Version

Version
1.4.0
Update
March 23, 2024
Size
124KiB
Developer
Category
Users
1,000+
Rating
4.27273 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Storage
See more

Super CSS Inject Extension

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.

2024-03-23 Update
- New short name feature. Add alias to your stylesheets!
- Minor UI improvements.

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.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Super CSS Inject", "version": "1.4.0", "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 }}
Read more