This extension allows you to flag specified websites by highlighting the website with a custom colored border. This is especially useful for developers who run their web applications on many different environments and who are constantly switching between a dev, test, and production version of an app or database. Because the application may look the same on all environments, it’s easy to accidentally do something on the production environment that shouldn’t have been done.
With URL Colors, you can easily have the browser flag important websites for you by specifying a the keyword to match against the tab url, the border color, width, opacity, whether or not the border should blink, and the interval of blinking.
It also has a demo mode, or snooze mode, so you can shut if off while presenting for a specified period of time, without worrying about reactivating it later. It automatically turns back on for you!
Want to add functionality or tweak something? Please contribute here: https://github.com/fej-snikduj/URLColors/
Thanks to @dzoba for developing this with me!
For anybody involved in software development that uses multiple environments which run the same application this is the extension you need. It is simple and easily configurable while being both obvious and unobtrusive. Thank you!
Works great!
no longer functions.
Did not work for me.
Instructions unclear :
do we enter 10px or 10vw or just 10 ??
range of opacity 0 to 1 or 0 to 100??
Tried all of these and nothing works.
Text in my keyword box is google, blue
Great extensions !
It would be perfect with coloration also on tabs ! When debugging, several tabs are opened and I am usually looking for the right tab..
Greatings!
I have this installed in 5 browsers now. It’s fantastic!
This is an amazing extension. I have been looking for something like this for years. I don’t know how many times I have endlessly refreshed a page, looking for my changes, only to realize that I’m on the live site. Thank you for making this!
Works great
Awesome app, works well, would be curious if there are any plans to include literal matching/regex or wildcards (eg *.domain.com) for environments that are using sub-domains.
Eg:
site.dev.domain.com (Dev)
site.test.domain.com (Test)
site.domain.com (Production)
The above with the basic match this does would allow to match on: test.domain.com and dev.domain.com, but because prod is using the same domain, this would override the .dev and .test subdomains.
So awesome, works like a charm! I always did this via CSS but this helps avoid that now. Thanks for doing this extension 🙂
This is super helpful for multiple environments and ensuring I don’t mess things up