Change the Web Help template color scheme

Publish

Platform_KC
On Premises

The Web Help templates come in two color options - the blue (default) theme (color scheme) and the gray theme. There are two steps required to update the layout and the styles used by the gray theme.

  • Background Layout - Change the theme the published output uses by changing a reference in the index.htm file so that it uses the gray "layout" scheme (xtheme-gray.css).

    Web Help With Gray Theme

  • Styles - Various styles applied to topic content may require updating. For example, the "related topic styles" will still have a blue background. Copy the webhelp.css file and update the colors used in the styles. Then save the file with a new name and reference the new file in your index.htm file.

    Web Help Style Customization