Provides a way to add a color indicator or marker (ribbon) on a web page depending on the URL.

Latest Version

Version

3.0.1

Update

July 9, 2023

Size

888KiB

Developer

Environment Marker Extension

Features:
- Configurable Ribbons - Add a URL or part of a URL, choose a color and a ribbon will be added to the page of any website that matches part of that URL. Here are some examples:

- github.com
- https://github.com
- http://dev.
- http://qa.
- environment-marker

- Configurable Ribbon Positions - Choose where to position the ribbon (top left, top right, bottom left, bottom right).
- Configurable Ribbon Sizes - Choose one of 5 sizes (extra small, small, normal, large, extra large).
- Ribbon Labels - Displays a label on the ribbon.
- Import/Export - Export and import ribbon configurations.
- Multilingual Support - Currently supports English, Spanish, German & French (more coming soon).
- Reusable Color Swatch - The last 7 colors used will be available from the color swatch.
- RegExp - When enabled the URL fragment can be used with RegExp instead of searching using indexOf.
- Tab Counter - Displays the number of open tabs. Color is green when under 10 tabs and red when above. I plan to make this configurable in the future.
- Font Picker - Ability to select fonts for the ribbons. Font come from Google Fonts.
- Favicon Marker - Ability to set a colored circle marker to the favicon of the site.

See the open issues in GitHub for a list of proposed features (and known issues).

Github: https://github.com/XjSv/environment-marker

For contribution to translations see Environment Marker in Crowdin: https://crowdin.com/project/environment-marker

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "__MSG_extensionName__", "version": "3.0.1", "description": "__MSG_extensionDescription__", "homepage_url": "https://github.com/XjSv/environment-marker", "default_locale": "en", "icons": { "32": "/images/icons/environment-marker-32.png", "64": "/images/icons/environment-marker-64.png", "128": "/images/icons/environment-marker-128.png", "256": "/images/icons/environment-marker-256.png", "512": "/images/icons/environment-marker-512.png" }, "permissions": [ "tabs", "activeTab", "storage", "scripting" ], "host_permissions": [ "" ], "minimum_chrome_version": "88", "action": { "chrome_style": false, "theme_icons": [{ "light": "/images/icons/environment-marker-32.png", "dark": "/images/icons/environment-marker-32.png", "size": 32 }], "default_icon": { "32": "/images/icons/environment-marker-32.png" }, "default_title": "Environment Marker", "default_popup": "/popup/environment-marker.html" }, "options_ui": { "page": "/options/options.html" }, "background": { "service_worker": "js/background.min.js" }, "content_scripts": [{ "matches": [""], "js": [ "libraries/favico.min.js", "js/content.min.js" ] }]}

Download CRX(888KiB)