Overview of Theme Colors

Letter Management Guide

Version
R2024.1.0
Overview of Theme Colors

In the Theme Configuration tab of Letter Management > Branding Management, you can create custom themes with specific sets of colors to represent your brand.

Theme Configuration tab showing all the types of colors.

Each theme includes three types of colors:

  • Variable Colors: These are the colors that are associated with specific elements and controls within the theme. These colors can be modified according to the branding used by your organization. See Variable Colors.
  • Utility Colors: These are the colors that are associated with system messages (that is, error, warning, and success messages). These colors are set by default and can't be modified.
  • Grayscale: These are the grayscale colors associated with the theme (used for the font color, labels, borders, and others). These colors are set by default and can't be modified.

Dayforce displays each of these color groups for your reference, however, only the Variable Colors can be modified.

Variable Colors

There are four types of variable colors: (1) primary, (2) secondary, (3) accent, and (4) light:

Variable colors with four callouts, as explained in the key.

1. Primary Color

The primary variable color is used for the following elements:

  • Primary buttons
  • Links
  • Active icons
  • Profile icons

2. Secondary Color

The secondary variable color is used for the following elements:

  • Background gradient (dark color)
  • Information messages
  • Tabs (bottom border)

3. Accent Color

The accent variable color is used for the following elements:

  • Background gradient (light color)
  • Border for tags and pills
  • Secondary buttons
  • Questionnaire numbers

4. Light Color

The light variable color is used for the following elements:

  • Background
  • Fill color for tags and pills

For information about modifying these colors, see Theme Configuration.