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

When you have a dark color as the primary color and view the Knowledge base site in Dark mode, the hyperlinks would be partially visible. The primary color remains the same for both Light and Dark mode in the Knowledge base site. To overcome this scenario, you can change the color of the hyperlink.

Solution

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

1. Go to Settings → Knowledge base site → Custom CSS & JavaScript, and Custom CSS tab is the default selection
2. Paste the below CSS snippet in the window

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

3. Update the desired color in the above snippet

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

4. Click Save

Outcome