Update the color scheme used by styles in Web Help - On Premises: 6.4


Updating styles

When you uncomment the "extjs/resources/css/xtheme-gray.css" line in the index.htm file the gray layout theme is used by the Web Help frame.

However, various styles applied to topic content still require updating. For example, the related topic styles have a blue background applied but you may want to change this to gray.

Web Help Style Customization

To update the color scheme used by styles:

  1. Open the Web Help publishing templates folder and copy the webhelp.css file.
  2. Open the copy of the website.css file then modify the text colors or background colors for any styles you want to update.
  3. Save the file with a new name, for example, webhelp-gray.css.
  4. Open the index.htm file then add the entry for the new css file directly above the reference to the themes extjs resource link.

    <link rel="stylesheet" type="text/css" href="webhelp-gray.css" />

    <link rel="stylesheet" type="text/css" href="extjs/resources/css/xtheme-gray.css" />