Dawn theme dark mode hyperlink color too dark

I use Dawn theme with dark mode. Everything works fine until I added a hyperlink. The color is too dark and hard to read.

How can I adjust the hyperlink text color?

In Dawn, link color is set by your accent color.

Try updating your brand color to something that works well on light and dark mode. To change the color, go to Settings → Design → Brand → Accent color.

Here’s a screenshot of the default set up for reference:

CleanShot 2022-10-13 at 18.02.13

1 Like

Thanks, it works!! I didn’t known the accent color relate to the hyperlink color.

1 Like

Awesome! Happy when it’s an easy fix :smile:

1 Like

Sir, in Casper I have my accent color to black. But I would like some link to be the standard blue and purple when visited. So I setup this:

html:

<p>
  👉 <a class="custom-link" href="https://mywebsitelink.com" rel="nofollow" target=_blank">Click here to visit the link</a>.
</p>

Inject this css in the head

<style>
.custom-link {
  font-weight: bold;
  color: #0000EE;
  text-decoration: none;
}

.custom-link:visited {
  color: #551A8B;
}
</style>

But after doing this, the links are still black. Should I use the !important or is it too much? Is there another way to make custom link colors? Thank you very much in advance!

!important is a very useful hammer. This seems like a good place to use it. :slight_smile:

1 Like