Customizing other aspects of the theme

Specifying the recommended theme colors

The Colors.cfg file describes a set of recommended colors for your theme. This colors appear at the top of the color picker when selecting a color. Within the file, colors are defined in standard #RRGGBB format:

<Colors>
  <Color>#A03535</Color>
  <Color>#EF9502</Color>
  <Color>#FFE5BA</Color>
  <Color>#E1A753</Color>
  <Color>#FFA918</Color>
  <Color>#F26100</Color>
</Colors>

Defining divider styles for the theme

The DividerStyles.cfg file defines the divider styles available from the content editor. Each style entry is added to the divider image class, so you can customize dividers via CSS.

<DividerStyles>
  <!-- styles allows to change colour and weigth -->
  <Style>divider_style_border_solid</Style>
  <Style>divider_style_border_dotted</Style>
  <Style>divider_style_border_dashed</Style>
  <Style>divider_style_border_double_solid</Style>
  <Style>divider_style_border_double_solid_2_to_1</Style>
</DividerStyles>

Defining typefaces for the theme

The FontStyles.cfg file defines the typefaces or font name available from the content editor. Within the file, each entry consists of the typeface's display name and its system name.

<FormatStyles>
  <Style Name="Arial" Font="Arial, Helvetica, sans-serif" />
  <Style Name="Comic&nbsp;Sans&nbsp;MS" Font="Comic Sans MS" />
  <Style Name="Courier" Font="Courier" />
  <Style Name="Georgia" Font="Georgia" />
  <Style Name="Impact" Font="Impact" />
  <Style Name="Helvetica" Font="Helvetica" />
  <Style Name="Lucida&nbsp;Console" Font="Lucida Console" />
  <Style Name="Tahoma" Font="Tahoma" />
  <Style Name="Times&nbsp;New&nbsp;Roman" Font="Times New Roman" />
  <Style Name="Verdana" Font="Verdana" />
</FormatStyles>

Defining text styles for the theme

The FormatStyles.cfg file lists the text styles available from the content editor. Each entry consist of element name (e.g H1) and the classname applied to it.

<FormatStyles>
  <Style Name="Normal" Tag="P" Class="" />
  <Style Name="Page title" Tag="H1" Class="pageTitle" />
  <Style Name="Heading1" Tag="H1" Class="" />
  <Style Name="H1 Alternative" Tag="H1" Class="contStyleExcHeadingColored" />
  <Style Name="Heading2" Tag="H2" Class="" />
  <Style Name="H2 Alternative" Tag="H2" Class="contStyleExcHeadingColored" />
  <Style Name="Heading3" Tag="H3" Class="" />
  <Style Name="H3 Alternative" Tag="H3" Class="contStyleExcHeadingColored" />
  <Style Name="Heading4" Tag="H4" Class="" />
  <Style Name="H4 Alternative" Tag="H4" Class="contStyleExcHeadingColored" />
  <Style Name="Alt color 1" Tag="P" Class="contStyleExcInlineColored1" />
  <Style Name="Alt color 2" Tag="P" Class="contStyleExcInlineColored2" />
  <Style Name="Alt highlighted" Tag="P" Class="contStyleExcInlineHighlighted" />
  <Style Name="Larger" Tag="P" Class="contStyleExcInlineLarger" />
  <Style Name="Smaller" Tag="P" Class="contStyleExcInlineSmaller" />
  <Style Name="Quoted" Tag="blockquote" Class="quotedText" />
</FormatStyles>

Associating themes with theme sets

The SystemConfig.cfg file states which theme set your theme belongs to. It uses the following syntax:

<SystemTheme>
  <ThemeSetId>AuroraHorizontal</ThemeSetId>
</SystemTheme>