Change color of visited links in Chrome 33
Since Google distributed Chrome in version 33, it is not possible anymore to use the custom.css
file to set the color of visited links. Is there another possibility for Chrome 33?
Solution 1:
Here's a solution that works for all platform and versions of Chrome.
- Install the Stylus extension.
- Right-click the Stylus browser action icon (looks like the letter S in a box) and select "Open styles manager".
- Click "Write new style".
-
Copy & paste the following into the large text area on the right hand side:
a:visited { color: red ! important }
- Enter a name for the style (on the left hand side, near the top).
- Click the "Save" button (right below the name).
- Find a page with visited link, refresh, and you'll see the new color.
You can find colors you like here, and use code likergb(255, 0, 0)
in place ofred
Source
Solution 2:
You should create a chrome extension. It's not a big deal but more cumbersome than before.
To guide you, create a content script
extension, use the inject css
ability and set the permissions
to any site(*://*/*
)
For further details have a look here: http://developer.chrome.com/extensions/content_scripts
Solution 3:
The Stylist extension doesn't appear in Chrome webstore anymore. An alternative is the Stylebot extension. If the link doesn't work just go to google chrome webstore and do a search for Stylebot. It's very easy to use and you can change more than just link colors to any site including google. Install the extension, go to Chrome > More tools > extensions > Stylebot > options > styles > Add New Style. Then add a url and some css styling. Here's my css style I use for google.com:
the result looks like this for a google search:
It's very easy to see now the links I've already visited.
Solution 4:
If you want to use UserScript (like Tampermonkey) instead of Stylus extension, use this UserScript:
// ==UserScript==
// @name Match Every Site
// @namespace http://tampermonkey.net/
// @version 1.1
// @description change a visited link
// @author You
// @match *://*/*
// for change CSS
// @grant GM_addStyle
// ==/UserScript==
GM_addStyle ( `
a:link { color: #0f00fb9e ! important } // if you also want to change the color of unvisited links
a:visited { color: red ! important }
` );