Home
A Browser Extension
Firefox Addons
.
Chrome Web Store
.
Edge Add-ons
·
Opera addons
·
Report Bug
·
Request Feature
A browser WebExtension that adds a color marker (ribbon) to the page depending on whether the URL contains a given string (e.g. 'http://dev-', 'http://qa-', 'http://prod-'). Currently, this extension supports Firefox and Chromium based browser such as Microsoft Edge, Opera and Brave. Plans are in place to also support Safari in the near future.
- Firefox
- Chrome & Chromium based browser
- Microsoft Edge
- Opera
- Brave
- Safari (coming soon...)
-
Configurable Ribbons - Add a URL or part of a URL, choose a color and a ribbon will be added to the page for any website that matches part of that URL. Here are some examples:
- github.com
- https://github.com
- https://github.com/XjSv/environment-marker
- http://dev.
- http://qa.
- http://prod.
- environment-marker
- *.google.com
- (?<!books).google.com
-
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.
-
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. See Tab Counter Settings for more info.
-
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.