How to change the color of the hyperlinks in Dark mode?
  • 14 Jun 2022
  • 1 Minute to read
  • Contributors
  • Dark
    Light
  • PDF

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

  • Dark
    Light
  • PDF

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_Screenshot_Portal_dark_hyperlink

  1. Go to SettingsKnowledge base siteCustom 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;}
  1. Update the desired color in the above snippet

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

  1. Click Save

Outcome

2_Screenshot_Outcome_dark_hyperlink


Was this article helpful?