How to keep dark mode for the Knowledge base site by default?

You can use the Light or Dark option at the top of the article to change the theme. If you want to enable the Dark by default, you can use the below solution.

NOTE

By default, all articles would be in Light mode.

Solution

1. Navigate to Settings () > Knowledge base site > Customize site > Custom CSS & JavaScript in the Knowledge base portal.

2. From the left navigation pane, click on the JavaScript tab and paste the following Javascript snippet:

$(document).ready(function() {
setTimeout(function() { document.getElementById('darkTheme').click(); }, 100); 
});

3. Click Save.

   

4. Now, all the articles on your site appear in dark mode by default.

   However, the user can switch to light mode with the Light option at the top of the article.

5. If you want the user to view only in dark mode, you can turn off the theme option in Article settings.

   1. Navigate to Settings () in the left navigation bar in the Knowledge base portal.

   2. In the left navigation pane, navigate to Knowledge base site > Customize site.

   3. Under the Site theme section, select the Dark only option and click Save at the top.