How to change the color of the hyperlinks in Dark mode

When a dark primary color is set for your Knowledge base site, the same color is applied in both Light and Dark mode. In Dark mode, this can make hyperlinks partially visible or difficult to distinguish from surrounding text because the link color blends into the dark background. You can resolve this by overriding the hyperlink color for Dark mode only, leaving Light mode links unchanged.

When to use this fix

Dark primary color with Dark mode enabled: if your Knowledge Base site uses a dark brand color (such as navy, dark green, or dark grey) and readers can switch to Dark mode, hyperlinks may appear hard to read.
Accessibility concerns: low contrast between link color and background in Dark mode can make navigation difficult. A lighter, high-contrast link color improves readability for all readers.

NOTE

This CSS change only affects hyperlinks in Dark mode. Light mode link colors are not affected.

Quick reference

Replace red with your desired color.

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

How to change the hyperlink colour in Dark mode

In the Knowledge Base portal, go to Settings > Knowledge base site > Custom CSS & JavaScript.

Knowledge base site settings page showing the Custom CSS and JavaScript option in the left navigation.

Select the CSS tab and paste the snippet from the quick reference above.
Replace red with your desired color — use a hex code (for example, #66b2ff) or a CSS color name. Choose a color with sufficient contrast against your dark background.
Click Save.

Custom CSS editor showing the Dark mode hyperlink color snippet pasted in the CSS tab with the Save button visible.

Outcome

After saving the CSS, hyperlinks in Dark mode display in the specified color, making them clearly visible against the dark background.

Knowledge Base site in Dark mode showing hyperlinks rendered in a custom color that is clearly visible against the dark background.

Best practices

Choose a light, accessible color for Dark mode: colors that work well in Light mode (such as dark blue #0056b3) often have insufficient contrast in Dark mode. Use a lighter shade of your brand colour, such as #66b2ff for blue or #80d080 for green, to ensure readability.
Check contrast with a tool: use a contrast checker (such as WebAIM Contrast Checker) to verify that your chosen link color meets WCAG AA contrast requirements against your dark background color.
Test in both modes after saving: switch between Light and Dark mode on the Knowledge base site to confirm the fix only changes Dark mode links and does not affect Light mode appearance.