I like the look of the forum, and its colors but sometimes the lack of contrast between visited/unvisited links makes the visited links not obvious enough for me.
So I created a tweak to userContent.css that can be used in both Firefox and k-Meleon to change the visited link color from a lighter shade of blue, to purple. This doesn't affect all visited links on the site because that really looked bad. It just affects some of them...the ones I feel are the most important to have more contrast on.
Installing it is relatively simple.
Firefox:
In your Firefox profile folder is a userContent.css file (might not be there if you never set it up before, but there is an example file with a slightly different name)
Path to file:
on Win2k/XP: C:\Documents and Settings\(your name)\Application Data\Mozilla\Firefox\Profiles\[random looking chars].default\chrome\userContent.css
on Vista/Win7: C:\Users\(your name)\AppData\Roaming\Mozilla\Firefox\Profiles\[random looking chars].default\chrome\userContent.css
K-Meleon:
The code:
Screenshot of what it does:
Before:
After:
So I created a tweak to userContent.css that can be used in both Firefox and k-Meleon to change the visited link color from a lighter shade of blue, to purple. This doesn't affect all visited links on the site because that really looked bad. It just affects some of them...the ones I feel are the most important to have more contrast on.
Installing it is relatively simple.
Firefox:
In your Firefox profile folder is a userContent.css file (might not be there if you never set it up before, but there is an example file with a slightly different name)
Path to file:
on Win2k/XP: C:\Documents and Settings\(your name)\Application Data\Mozilla\Firefox\Profiles\[random looking chars].default\chrome\userContent.css
on Vista/Win7: C:\Users\(your name)\AppData\Roaming\Mozilla\Firefox\Profiles\[random looking chars].default\chrome\userContent.css
- Open the file in Notepad (or create the file if it doesn't exist) and paste in the code, save, and restart your browser.
K-Meleon:
- Go to the Edit menu in K-Meleon, and under Configuration, select User-Defined Stylesheet. This will open a file named userContent.css in Notepad.
- In the userContent.css file, go all the way to the bottom and locate the line that tells you not to edit anything below it.
- Paste in the code right above that line and save the file.
- Restart your browser.
The code:
Spoiler (click to show/hide)
Code: (css)
/* BEGIN DonationCoder tweaks */
@-moz-document domain("donationcoder.com") {
a:visited{
color: #aa00aa !important; /* make this one the color you want */
}
#topnavbar a:visited {
color:#6495ED !important;
}
.maintab_active_back a:visited {
color:white !important;
}
.maintab_back a:visited{
color:white !important;
}
.catbg a:visited{
color:blue !important;
}
.nav a:visited {
color:#1E5164 !important;
}
.windowbgdc2 a:visited{
color:#2E6FCC !important;
}
.mirrortab_back a:visited{
color:white !important;
}
.mirrortab_active_back a:visited{
color:white !important;
}
.titlebg a:visited{
color:black !important;
}
#topbannerSubtitle a:visited{
color:#d90000 !important;
}
}
/* END DonationCoder tweaks */Screenshot of what it does:
Before:
After:
