Apply specific colors to specific URLs

Latest Version

Version

1.0.0

Update

December 14, 2023

Size

20.47KiB

Developer

URL2Color Extension

\"URL2Color: Customize Your Browsing Experience for Different Environments\"

Transform your web browsing with URL2Color, a versatile Chrome extension designed to visually distinguish between various online environments. Whether you're navigating through production, staging, or integration environments, URL2Color lets you apply specific colors and transparency settings to each, enhancing your ability to quickly identify and differentiate them.

Key Features:
- Environment-Specific Color Overlays: Easily set different color overlays for production (prd/production/product), development (stg/staging/stage), and integration (itg/integration/integrate) environments.
- Wildcard Support: Utilize wildcards like *.example.com/* to apply settings across subdomains, offering flexibility and control.
- ColorPicker: Select the perfect color for each environment, ensuring a clear and distinct visual differentiation.
- TransparencySlider: Fine-tune the transparency of your overlays to balance visibility with the original website design.

Simple and Effective:
Just enter the URL, choose your color and transparency, and let URL2Color enhance your browsing experience. It's ideal for developers, QA professionals, and anyone who works with multiple web environments.

IMPORTANT:
URL2Color is provided as-is without any warranty. The author is not responsible for any issues arising from its use. Please use this extension at your own risk.

Experience a more organized and visually intuitive web environment with URL2Color. Try it now and bring clarity to your online world!\"

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "URL2Color", "version": "1.0.0", "description": "Apply specific colors to specific URLs", "permissions": [ "storage" ], "host_permissions": [ "" ], "action": { "default_popup": "options.html", "default_icon": { "16": "images/icon16.png", "48": "images/icon48.png", "128": "images/icon128.png" } }, "background": { "service_worker": "background.js" }, "content_scripts": [ { "matches": [""], "js": ["content.js"] } ], "options_page": "options.html", "icons": { "48": "images/icon48.png", "128": "images/icon128.png" }}

Download CRX(20.47KiB)