Add custom CSS to one or many sites

Latest Version

Version
3.3
Update
November 8, 2024
Size
168KiB
Developer
Category
Users
70
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English (United States)
See more
Permissions
Tabs
Storage
See more

Customizer Extension

Sometimes websites don't look the way you want them to. Simplify or change them with Cascading Style Sheets. CSS can be applied to many pages with the * wildcard. It is applied before the HTML loads. The CSS is edited in a popup window or the big options page, not in a sidebar of the page; you are not hindered by the page.

Features:
• Edit CSS: View & edit styling for one page or many
• Storage Sync: Options saved for use on any computer

Instructions: Configure Keyboard Shortcut:
1. Click the icon for this extension
2. Click \"Keyboard shortcuts\"
3. Make a keyboard shortcut for \"Big options page: edit site\"
4. In the future, use this shortcut so you can use \"Inspect Element\"

Instructions: Add Site:
1. Open the popup or big options page
2. Go to the field \"Add site\"
3. Type in a URL like the following
• Normal: en.wikipedia.org
• Wildcard: *.wikipedia.org or *
4. Hit enter or click the plus button

Instructions: Edit CSS
1. Open the popup or big options page
2. Add rules and change properties
3. Refresh the site
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx",\t"manifest_version": 3,\t"name": "Customizer",\t"short_name": "Customizer",\t"description": "Add custom CSS to one or many sites",\t"author": "Robby Bennett",\t"icons": {\t\t"16": "/assets/icon16.png",\t\t"32": "/assets/icon32.png",\t\t"48": "/assets/icon48.png",\t\t"128": "/assets/icon128.png"\t},\t"version": "3.3",\t"action": {\t\t"default_icon": "/assets/icon128.png",\t\t"default_popup": "/options/options.html#popup"\t},\t"options_ui": {\t\t"page": "/options/options.html",\t\t"open_in_tab": true\t},\t"permissions": [\t\t"tabs",\t\t"storage"\t],\t"content_scripts": [\t\t{\t\t\t"matches": [""],\t\t\t"all_frames": true,\t\t\t"js": ["/content.js"],\t\t\t"run_at": "document_start"\t\t}\t],\t"background": {\t\t"service_worker": "/sw.js"\t},\t"commands": {\t\t"bigOptions": {\t\t\t"description": "Big options page"\t\t},\t\t"bigOptionsEditSite": {\t\t\t"description": "Big options page: edit site",\t\t\t"suggested_key": {\t\t\t\t"default": "Alt+Shift+C"\t\t\t}\t\t}\t}}
Read more