22

I use Google Chrome Browser and I find the unvisited and visited links colors are too close each other. They are very hard to distinguish, at least to me.

I tried the old approach of modifying the Custom.css configuration file in Chrome's user data folder and no change occurred.

I'm open to solutions which include javascript code or css settings which I can run/modify in the developer's window (F12), even though they are not permanent settings.

2
  • 2
    I'd like to know why has this question been downvoted? Is it not clear enough? Is it stupid or ovbious? I don't think so, there is no solution yet available, as @haslamjd states below.
    – ElCharly64
    Commented Sep 17, 2015 at 22:51
  • 4
    Not sure, maybe it is more Superuser than SO kind of question? Anyway, there is related one on SU: see superuser.com/questions/52967/…
    – myf
    Commented Dec 26, 2015 at 19:29

7 Answers 7

14

Here's a solution that works for all platforms and for all versions of Chrome.

  1. Install the Stylist extension.
    EDIT: Stylish extension (that extension was no longer available, this alternative should work.)

  2. Click SETTINGS in Chrome

  3. Click EXTENSIONS

  4. Find the Stylist extension and click OPTIONS

  5. Click STYLES

  6. Click ADD NEW STYLE

  7. Where it says "Style Name", name the style

  8. Click the ALL SITE check box

  9. Where it says "Stylesheet Text", copy and paste the following:
    A:visited { color: red ! important }

  10. Click SAVE

  11. Find a page with visited link, refresh, and you'll see the new color.

You can find colors you like here, and you can also use a color code like rgb(255, 0, 0) in place of red.

Source

4
  • 3
    It's unfortunate that an extension is required. Here at Alcatraz...errr...work we are unable to install extensions. I guess developers shouldn't be trusted with that sort of capability. Commented May 9, 2016 at 12:47
  • THANK YOU!! I can actually see what links I've visited now! What a difference that makes!
    – lemontwist
    Commented Jun 23, 2017 at 19:57
  • link to styllist is dead
    – JvdBerg
    Commented Jul 24, 2021 at 12:36
  • @JvdBerg I think it's no longer available. I can't find it either. I believe this extension serves the same purpose, feel free to give it a try. Stylish: chrome.google.com/webstore/detail/stylish-custom-themes-for/…
    – Vic Jang
    Commented Jul 26, 2021 at 1:26
2

Below worked for me, very good solution:

"If you want to DIY extension:

Create or Navigate to folder 'c:\Users[local user]\AppData\Local\Google\Chrome\UserData\Default\User StyleSheets\'

Create or edit 'Custom.css' within 'User StyleSheets':

A:visited, A:visited *{color:orchid !important}

note: this code can also be used in @Vic Jang's answer.

Create or edit 'manifest.json':

{ "name": "my_custom_css", "version": "1", "content_scripts": [{ "matches": [":///*"], "css": ["Custom.css"] }], "manifest_version": 2 }

goto URL with chrome: 'chrome://extensions'

check the 'Developer mode' box

click on 'Load unpacked extension...'

Navigate to the 'User StyleSheets' folder which contains the 'Custom.css' & 'manifest.json'

check the 'Enabled' box next to the 'my_custom_css' extension you created

restart chrome"

1
  • 1
    When I use 'Load Unpacked' and navigate to this folder I get the 'Failed to load extension' error with the error message reading "Invalid value for 'content_scripts[0].matches[0]': Invalid scheme. Could not load manifest." Can you help? Commented Jul 18, 2020 at 9:39
2

Try StyleBot instead.

For 2022, Stylish extension from Vic Jang's answer is becoming harder to configure, it requires you to sign up to deploy your own simple CSS style. BAD!

  1. Install StyleBot extension

  2. Access extension option menu

enter image description here

  1. Go to style page, add new one and fill it like this:

URL matching: * CSS: A:visited { color: red ! important }

enter image description here enter image description here

  1. Done, refresh your page once and you should get nice red visited link

enter image description here

  1. If red is bad for readability on some site, add more override style rule for that URL/Site to another color.
1
  • This extension is easy to use.
    – Bohao LI
    Commented Oct 14, 2022 at 0:43
1

visit color Links below is the link color links

to set color for visited page in chrome. Add it to chrome extension is added then open website you wanted to add then click on extension top right corner it shows color links click on it select color as you wish. your wish color not there then click on # then add color code and save Hope it helps..

0

As of version 33 of chrome browser, the stylesheets are not available anymore. So your solution on your Windows 7 pathway to custom.css is invalid.

Meanwhile, I have not been able to find a solution for this oversight by Google for those of us with visual issues.

1
  • I feel your pain. The Stylish chrome extension works quite well to make up for Google's lack of customization. For years I had to keep asking people around me if a link was visited and even they had a hard time sometimes depending on the monitor. I found a nice Stylish theme for google.com, but it was still hard tell the difference so I looked through the stylesheet and replaced the visited link hex color code with a nice bright color!
    – Ph0t0n
    Commented Jul 31, 2017 at 0:25
0

If you want to DIY extension:

  1. Create or Navigate to folder 'c:\Users[local user]\AppData\Local\Google\Chrome\UserData\Default\User StyleSheets\'

  2. Create or edit 'Custom.css' within 'User StyleSheets':

    A:visited, A:visited *{color:orchid !important}

    note: this code can also be used in @Vic Jang's answer.

  3. Create or edit 'manifest.json':

    { "name": "my_custom_css", "version": "1", "content_scripts": [{ "matches": ["*://*/*"], "css": ["Custom.css"] }], "manifest_version": 2 }

  4. goto URL with chrome: 'chrome://extensions'

  5. check the 'Developer mode' box

  6. click on 'Load unpacked extension...'

  7. Navigate to the 'User StyleSheets' folder which contains the 'Custom.css' & 'manifest.json'

  8. check the 'Enabled' box next to the 'my_custom_css' extension you created

  9. restart chrome

5
  • This works like a charm! +1. However, this goes beyond just the Google results page and colors any link that I've already visited (e.g. [1] 'Home' link in the left sidebar of SO, [2] My Inbox Messages / Achievements icon links within SO beside my profile frame). Please see this. Any help in restricting this to work on Google search results page alone? Commented Jul 18, 2020 at 11:07
  • Thanks for the update :) However, this seems to work only device-specific. Commented Jul 22, 2020 at 8:05
  • If you want, to restrict the colors, to work, on Google search results page alone, then replace code within 'manifest.json' file: "matches": ["*://*/*"], with: "matches": ["*://www.google.com/*"],, then click reload button, next to the enable/disable flip-switch, on 'chrome://extensions' menu.
    – xam
    Commented Jul 22, 2020 at 22:07
  • Is this DIY extension portable? Because I see the Custom.css and manifest.json file has to be created in each computer that I use. Commented Jul 28, 2020 at 5:35
  • 1
    I don't think it is 'portable', unless you published it privately ,and sync your settings, with your Google account: support.google.com/chrome/a/answer/2714278
    – xam
    Commented Jul 30, 2020 at 21:05
-1

Found solution windows 7 and 10 Tested... https://chrome.google.com/webstore/detail/stylist/pabfempgigicdjjlccdgnbmeggkbjdhd/related?hl=en

If you dont want to click the link here's how to do it

Randolph Knackstedt said: Someone just informed me about the Chrome extension, Stylist, which I highly recommend! https://chrome.google.com/webstore/detail/stylist/pabfempgigicdjjlccdgnbmeggkbjdhd/related?hl=en

This extension allows the user to select a custom visited link color and acts just as the custom.css did before the most recent Chrome update. Yay!

After the extension is installed, do the following:

--- click SETTINGS --- click EXTENSIONS --- find the stylist extension and click OPTIONS --- click STYLES --- click ADD NEW STYLE --- copy & paste the following: A:visited { color: red ! important } --- name the style --- click the ALL SITE check box --- click SAVE

Now you have red visited links. You can pick a different color if you like.

1
  • I am unable to access either of these links, I get "This site can’t provide a secure connection" Commented Jun 8, 2016 at 13:23

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.