---
title: "How to change the color of the hyperlinks in Dark mode"
slug: "how-to-change-the-color-of-the-hyperlinks-in-dark-mode"
description: "You can change the color of hyperlinks in the Dark mode."
tags: ["Customization"]
updated: 2026-03-10T04:32:19Z
published: 2026-03-10T04:32:19Z
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.document360.com/llms.txt
> Use this file to discover all available pages before exploring further.

# How to change the color of the hyperlinks in Dark mode

When using a dark primary color and viewing the Knowledge Base site in Dark mode, hyperlinks may appear partially visible. The primary color remains consistent across Light and Dark modes. To address this, consider changing the hyperlink color.

### Solution

You can change the color of hyperlinks in the Dark mode. This helps to avoid partially visible hyperlinks in this mode.

1. Navigate to **Settings** (<nor class="fa-solid fa-gear" data-tomark-pass=""></nor>) > **Knowledge base site** > **Site customization** > **Custom CSS & JavaScript** in the Knowledge base portal.

![Site customization options including CSS, JavaScript, and theme settings for a knowledge base.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Custom%20css%20&amp;%20js.png)
2. From the left navigation pane, click on the **CSS** tab and paste the following CSS snippet:

Knowledge base Site 1.0Knowledge base Site 2.0

```css
body.dark_theme .content_block .content_container .content_block_text a {color: red !important;}
```

```css
html[data-bs-theme=dark] d360-article-content a {
    color: red !important;
}
```

1. Update the desired color in the above snippet.

> In the above sample snippet, it is red. You can customize it with your desired color.

1. Click **Save**.

![](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1766930004000.png)

### Outcome

![2_Screenshot_HyperLink_Color_Changes.png](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/2_Screenshot_HyperLink_Color_Changes%281%29.png)