# Dawn theme dark mode hyperlink color too dark

**URL:** <https://forum.ghost.org/t/dawn-theme-dark-mode-hyperlink-color-too-dark/33435>\
**Category:** Themes\
**Created:** [October 13, 2022, 7:22am UTC](https://forum.ghost.org/t/dawn-theme-dark-mode-hyperlink-color-too-dark/33435 "2022-10-13T07:22:28Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![jcyh](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/jcyh/32/17648_2.png) [@jcyh](https://forum.ghost.org/u/jcyh)\
**Post date:** [October 13, 2022, 7:22am UTC](https://forum.ghost.org/t/dawn-theme-dark-mode-hyperlink-color-too-dark/33435/1 "2022-10-13T07:22:28Z")

</div>

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

 ![截圖 2022-10-13 下午3.17.40](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/3X/7/7/7739e5f1be4a9cae0ae12480d5e199a203fc8555.png)

How can I adjust the hyperlink text color?

---

<div class="post-metadata">

**Author:** ![RyanF](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/ryanf/32/17448_2.png) [@RyanF](https://forum.ghost.org/u/RyanF)\
**Post date:** [October 13, 2022, 10:02pm UTC](https://forum.ghost.org/t/dawn-theme-dark-mode-hyperlink-color-too-dark/33435/2 "2022-10-13T22:02:58Z")

</div>

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](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/3X/4/2/42c1727fa9a1c6bd5c435a8c73ce8d1d3030dbb5.jpeg)

---

<div class="post-metadata">

**Author:** ![jcyh](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/jcyh/32/17648_2.png) [@jcyh](https://forum.ghost.org/u/jcyh)\
**Post date:** [October 14, 2022, 2:20am UTC](https://forum.ghost.org/t/dawn-theme-dark-mode-hyperlink-color-too-dark/33435/3 "2022-10-14T02:20:20Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![RyanF](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/ryanf/32/17448_2.png) [@RyanF](https://forum.ghost.org/u/RyanF)\
**Post date:** [October 14, 2022, 1:28pm UTC](https://forum.ghost.org/t/dawn-theme-dark-mode-hyperlink-color-too-dark/33435/4 "2022-10-14T13:28:29Z")

</div>

Awesome! Happy when it’s an easy fix 😄

---

<div class="post-metadata">

**Author:** ![block](https://avatars.discourse-cdn.com/v4/letter/b/839c29/32.png) [@block](https://forum.ghost.org/u/block)\
**Post date:** [February 4, 2023, 5:26pm UTC](https://forum.ghost.org/t/dawn-theme-dark-mode-hyperlink-color-too-dark/33435/5 "2023-02-04T17:26:41Z")

</div>

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:

```auto
<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

```auto
<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!

---

<div class="post-metadata">

**Author:** ![Cathy\_Sarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/cathy_sarisky/32/25750_2.png) [@Cathy\_Sarisky](https://forum.ghost.org/u/Cathy_Sarisky)\
**Post date:** [February 4, 2023, 6:12pm UTC](https://forum.ghost.org/t/dawn-theme-dark-mode-hyperlink-color-too-dark/33435/6 "2023-02-04T18:12:28Z")

</div>

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