URLColors
A chrome extension that adds a colored border around websites that match user inputted preferences.
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. The wildcard character (*) is now supported.
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!
Latest reviews
I never leave reviews but this is so handy for dev/pre-prod/prod addresses. Thank you so much.
I am loving this extension. :) however I have a question: how can I set the border width without specifying the flash and timer properties?
The only extension I could find that actually worked.
Great ! I always searched for that since colortabs was ko.
It is handy to separate and highlight test system tabs from production. Dead easy to use.
Plain, simple and very very useful regex would be nice đź‘Ť
Greet tool! Thank you :)
grateful for this extension.
grateful for this extension.
This is great when working with multiple environments. Tip: you can customize border size/opacity per site, so you can set your prod instance to super visible bright red border to prevent you from making a career-limiting mistake!
This is great when working with multiple environments. Tip: you can customize border size/opacity per site, so you can set your prod instance to super visible bright red border to prevent you from making a career-limiting mistake!
Thank you. It helps me a lot.
Thank you. It helps me a lot.
간단한 기능이지만 편리해요
I've been using URLColors for many years because it's simple and effective.
I've been using URLColors for many years because it's simple and effective.
Great idea, but this NEEDS regex or wildcard matching or (instructions as to how to enable) as it is only good for one url not a domain
Great idea, but this NEEDS regex or wildcard matching or (instructions as to how to enable) as it is only good for one url not a domain
Exactly as advertised, no messing around just works. Using in ChrEdge.
Exactly as advertised, no messing around just works. Using in ChrEdge.
This is cool, but I'd love to just be able to say *.test and all .test sites have the border for local development. Adding them all individually is a pain when working on many projects.
This is cool, but I'd love to just be able to say *.test and all .test sites have the border for local development. Adding them all individually is a pain when working on many projects.
Simple and effective!
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!
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!
Works great!
no longer functions.
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
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
Absolutely brilliant!
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!
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!
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!
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
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.
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 :)
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
This is super helpful for multiple environments and ensuring I don't mess things up
