Today, I just wanted to share a few quick tutorials on how to adjust the color of visited links in different web browsers, so you can avoid clicking on web pages that have been browsed already.

This is helpful especially when you (or your friends and family) are color-blind. For those who are color-blind, it’s hard to tell the difference between the colors of visited and unvisited web links if they are not set properly. This can make simple web browsing a frustrating experience.

The Fun Story Behind It

The other day my cousin dropped by my apartment and he was using my laptop to search for something on Google. Several times, I heard him say, “Stupid me! Why am I visiting this page again?” So I told him:

  • Me: Hey Daniel, are you clicking page results you’ve already visited?
  • Daniel: Yep. I don’t know why.
  • Me: The visited pages in Google results are marked as red, and those you haven’t visited are in blue, in case you don’t know… (I just wanted to help)
  • Daniel: I think they look all the same to me.
  • Me: Really? (I thought he was joking)…Hey, those are different colors. One is light purple, the other is blue. Can you tell?
  • Daniel: Nope!

Our conversation started to get a bit serious, as you may have guessed. Yep, my cousin is somewhat color-blind — more specifically, red color blind. I use Chrome, and after I changed the color of a visited link from red to green, he could immediately tell the difference.

Do You Have Color Blindness?

First off, you don’t have to worry about it at all if you have it. Most of the time, color blindness is genetic and there is no treatment, according to MedlinePlus. Also, to make yourself feel better, “There is general agreement that worldwide 8% of men and 0.5% of women have a color vision deficiency.” (Source)

To test whether you are color blind, the quickest way is to check out this Huffington Post article. It includes five images sourced from the Ishihara Color Test.

For more tests, you can visit this website. You’ll be given 20 trial questions before you see your test result. Click the blue “START TEST” to start:

Most people will be told they have “Normal Color Vision”:

The Color Scheme in Search Engine Page Results

Note: By default, most search engines such as Google and Bing mark results you clicked through as purple and results unvisited as blue.

Here are two examples:

This is what came up after I searched for “TechCrunch” on Google. Since I’ve visited the TechCrunch Wikipedia page before, it’s now marked as light purple, while Facebook and YouTube are still blue.

In Bing, I searched “SoftwareHow” and here’s what I saw. Twitter and Google+ pages are already visited, thus they are marked as purple as well, while the Pinterest link is still blue.

Now let’s get back to the topic. Here’s how to change the color of visited links in different web browsers.

How to Change Visited Link Color in Google Chrome

Unfortunately for the Chrome browser, you’ll have to add an extension to make it work. Here’s a step-by-step tutorial:

Step 1: Add this extension called Recolor Links to your Google Chrome browser. Click this button and on the Chrome Web Store page, hit the blue “Add to Chrome” button to install it.

Step 2: Once you see a notification indicating the plugin has been added to Chrome, click on the Extension icon on the top right corner, and select Recolor Links (or pin it to your browser menu).

Step 3: Click on the Recolor Links icon, and you’ll see a dropdown menu like this. You can either choose the mode that fits your vision deficiency or select the “Custom” mode so you can customize your color preferences.

Don’t forget to switch the button to “On”.

Step 4: Now search on Google or any search engine that you use, and you’ll see the color contrast of these visited and unvisited links.

Bye to the traditional blue-red links in search results!

By the way, this extension also works for changing the color of links on any web page. You can get it for free on the Chrome Web Store.

How to Change Visited Link Color in Mozilla Firefox

Making the change in Firefox browser is even easier because unlike Chrome, you don’t need to install any third-party extension. Follow the step-by-step guide below:

Note: In this tutorial, I use Firefox 54.0.1 for macOS. If you are using another version or are on a Windows PC, the paths and screenshots as shown below may not apply.

Step 1: Make sure the “Always use Private Browsing mode” option is deselected. Open Firefox Menu > Preferences > Privacy.

Under History > Firefox will:, select “Use custom settings for history”. If you’ve checked “Always use private browsing mode”, uncheck it. If it’s deselected (by default), you are good. Go to Step 2.

Step 2: Now go to Content > Fonts & Colors > Colors.

In the “Colors” windows, change the color of “Visited Links:” to your desired one, select Always in the drop-down menu, and click the “OK” button to save your changes.

Step 3: That’s it. To test if the setting change is effective, simply do a quick search on Google and see if the color of those visited results has changed. In my case, I set them as green, and it works.

How to Change Visited Link Color in Safari

The process is quite similar to Chrome’s. You’ll need to install an extension called Stylish. Follow the tutorial below, where I also point out a trick that you need to take care to perform. Otherwise, it won’t work as expected.

Note: I’m using Safari for macOS (Version 10.0). The screenshots shown below may be slightly different from what you see on your computer.

Step 1: Get the Stylish extension (visit the link) and install it to your Safari browser.

Step 2: Click the Stylish extension icon (located on the top of the toolbar), then select “Manage”.

Step 3: In the new Stylish dashboard, go to Edit. Complete the four tasks as shown in this screenshot. The piece of CSS code is shown below.

A:visited { color: green ! important }

Again, the color in my example is green. You can change it whatever you like. Find more colors and their codes here or here.

Pay close attention when you set the rules. For example, I wanted to only change the color of visited links in I choose “Domain” and type “” under the CSS box. Note: DO NOT type “” as it won’t work. It took me some trials and error to figure this out.

Step 4: Test to see if the change has taken effect. In my case, it works.

How to Change Visited Link Color in Microsoft Edge

Unfortunately, for Windows users, I have yet to find a feasible solution to change the color of visited or unvisited links. I thought the Stylish extension would work with Edge, but I was wrong. However, it seems I am not alone, as you can see from this discussion that many people are demanding the feature.

I’ll update this post if Edge adds this function or if there is a third-party extension that does the job.

I hope you found this article useful. Please let me know if you’re unclear about any steps in the tutorials above. If you discover an easier method, leave a comment below and let me know.