In Recruiting Setup > Branding Management, in the Theme Configuration tab, you can create custom themes with specific sets of colors to represent your brand. 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.
- Note: Only variable colors are displayed by default. You can click the View all colors link under the variable colors to expand the utility and grayscale colors. Dayforce displays each of these color groups for your reference. However, only the Variable Colors can be modified.
- 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 cannot 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 cannot be modified.
Dayforce displays each of these color groups for your reference, but only the Variable Colors can be modified.
Variable Colors
There are four types of variable colors (from left to right): primary, secondary, accent, and light. These colors are used in client career sites as described in the sections below.
Primary Color
The primary variable color is used for the following elements:
- Primary buttons
- Links
- Active icons
- Profile icons
Secondary Color
The secondary variable color is used for the following elements:
- Background gradient (dark color)
- Information messages
- Tabs (bottom border)
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
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.