URLColors: Environment Indicator

Color-code production, staging and dev tabs. Adds a colored border to pages whose URL matches your rules.

URLColors is a free environment indicator for your browser. It puts a colored border around any tab whose URL matches your rules, so you can tell production, staging, QA and development apart at a glance and stop running the wrong command in the wrong environment. Your environments look identical. The only thing separating them is a hostname in the address bar that you stopped reading months ago. URLColors makes the difference impossible to miss: production in red, staging in orange, localhost in green, or whatever scheme you choose. HOW IT WORKS 1. Install the extension and pin it to your toolbar. 2. Open the popup and add one rule per line: a piece of the URL and a color, for example "production.myapp.com, red". 3. Every matching tab gets its border immediately, and updates the moment you change a rule. FEATURES - Color-code production, staging, UAT, QA, dev and localhost tabs - Match on any part of the URL: domains, subdomains, ports, paths - Wildcards for preview and branch deploys (*.preview.myapp.com) - Choose the border color, width and opacity, globally or per rule - Optional flashing border for your most dangerous environment - Tint the whole page with a full-window overlay - Snooze all borders for a few minutes before a demo or screen share - Border is drawn over the page: no layout shift, never blocks a click - Works on sites you don't control: cloud consoles, admin panels, database UIs, CMS and e-commerce staging sites WHO IT'S FOR Developers, QA testers, DevOps and anyone who switches between look-alike versions of the same site. PRIVATE BY DESIGN No account, no analytics, no tracking and no network requests. Your rules are stored locally in your browser and the page URL is only compared against them on your device. The extension is free and open source: https://github.com/fej-snikduj/URLColors Also available for Microsoft Edge, Firefox and Safari. Website: https://www.urlcolors.com Want to add functionality or tweak something? Please contribute here: https://github.com/fej-snikduj/URLColors/