Can't customize link colors for ebooks displayed in calibre

[reader1167]

Hello, first-time calibre user here. I'm looking for some help customizing the colors for ebooks displayed in calibre.

I want to make a darker theme for easier-on-the-eyes reading. I find the default link colors to be jarringly bright, but changing the link colors doesn't appear to be working. I searched around for a little while and found other discussions of this, but didn't find a clear solution. I could probably do more thorough searching and problem-solving on my own attempting to get this to work, but I thought at this point it'd be worth asking for help in case there is a simple solution.

If it matters, I'm using a macbook running OSX.

Here's my user stylesheet:

body {
	text-align:justify;
	line-spacing:1.8;
	margin-top:0px;
	margin-bottom:4px;
	margin-right:50px;
	margin-left:50px;
	text-indent:3em;
}

a:link, span a:link, a[href] {
	color: #2758a5;
}
a:visited {	
	color: #935bb2;
}
a:hover {	
	color: #2ae0ed;
}
a:active {	
	color: #e01f1f;
}

I'm also using a custom background and foreground color in the preferences:



Here's a screenshot of how the Quick Start Guide that comes with calibre looks using this stylesheet:



Here's a (larger) screenshot of the "inspect element" page.

[kovidgoyal]

Add !important to the CSS rules.

[reader1167]

Thank you so much, it works!

For the sake of completeness, here's the relevant parts of the updated user stylesheet:

a:link, a:visited {
	color: #5d718c !important;
}
a:hover {	
	color: #7a97ba !important;
}
a:active {	
	color: #1151a0 !important;
}

And this is what it looks like now: