Firefox Browser Add-ons
  • Extensions
  • Themes
    • for Firefox
    • Dictionaries & Language Packs
    • Other Browser Sites
    • Add-ons for Android
Log in
Preview of Environment Marker

Environment Marker by XjSv

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

4.9 (7 reviews)4.9 (7 reviews)
487 Users487 Users
You’ll need Firefox to use this extension
Download Firefox and get the extension
Download file

Extension Metadata

Screenshots
Environment Marker - Tab CounterEnvironment Marker - Color PickerEnvironment Marker - Marker ListEnvironment Marker - Inline EditingEnvironment Marker - OptionsEnvironment Marker - Example with google.com. Marker is on the Top Left.Environment Marker - Example with bing.com. Marker is on the Top Right.Environment Marker - Example with yahoo.com. Marker is on the Bottom Left.Environment Marker - Example with wikipedia.org. Marker is on the Bottom Right.
About this 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
    • http://dev.
    • http://qa.
    • *.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 & Simplified Chinese (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.

Github: https://github.com/XjSv/environment-marker
Developer comments
  • See the open issues in GitHub for a list of proposed features (and known issues).
  • For contribution to translations see Environment Marker in Crowdin.
    Rated 4.9 by 7 reviewers
    Sign in to rate this extension
    There are no ratings yet

    Star rating saved

    5
    6
    4
    1
    3
    0
    2
    0
    1
    0
    Read all 7 reviews
    Permissions and dataLearn more

    Required permissions:

    • Access browser tabs
    • Access your data for all websites

    Optional permissions:

    • Access your data for all websites
    More information
    Add-on Links
    • Homepage
    • Support site
    • Support Email
    Version
    3.0.1
    Size
    894.82 KB
    Last updated
    2 years ago (Jul 10, 2023)
    Related Categories
    • Web Development
    License
    Mozilla Public License 2.0
    Version History
    • See all versions
    Add to collection
    Report this add-on
    Support this developer

    The developer of this extension asks that you help support its continued development by making a small contribution.

    Contribute now

    Release notes for 3.0.1
    - Fixed bug where the background script would stop and not start back up when needed. See: https://github.com/XjSv/environment-marker/issues/245
    - Increased min version for Firefox to 109 (manifest v3).
    - Removed left over references to browser-polyfill.min.js.
    More extensions by XjSv
    • There are no ratings yet

    • There are no ratings yet

    • There are no ratings yet

    • There are no ratings yet

    • There are no ratings yet

    • There are no ratings yet

    Go to Mozilla’s homepage

    Add-ons

    • About
    • Firefox Add-ons Blog
    • Extension Workshop
    • Developer Hub
    • Developer Policies
    • Community Blog
    • Forum
    • Report a bug
    • Review Guide

    Browsers

    • Desktop
    • Mobile
    • Enterprise

    Products

    • Browsers
    • VPN
    • Relay
    • Monitor
    • Pocket
    • Bluesky (@firefox.com)
    • Instagram (Firefox)
    • YouTube (firefoxchannel)
    • Privacy
    • Cookies
    • Legal

    Except where otherwise noted, content on this site is licensed under the Creative Commons Attribution Share-Alike License v3.0 or any later version.