This table outlines the theme elements to change to conduct
a BASIC theme customization for a Career Section. This process changes
the basic colors to customize the general look/feel of a Career Section.
Actual colors should be selected according to the organizations best
practices in terms of accessibility and branding.
The table shows best practices for all career sections.
| Best Practice for All Career Sections |
| Style Class Element |
Code |
Path in Career Section Administration |
Comment |
| Selected Subtab |
88 |
Themes >Text Configuration > Selected Subtab> Background
Color |
White |
| Selected Tab |
89 |
Themes > Text Configuration > Selected Subtab >
Background Color |
White |
The table shows main background color #1 in example.
| Main Background Color #1 in Example |
| Style Class Element |
Code |
Path in Career Section Administration |
Comment for choice of color |
| First Color |
98 |
Background and Color Configuration>First Color>Background
Color |
Not too dark |
The table shows secondary background color #2 in example.
| Secondary Background Color #2 in Example |
| Style Class Element |
Code |
Path in Career Section Administration |
Comment |
| Unselected Tab |
90 |
Themes >Background and Color Configuration > Unselected
tab > Background Color |
Medium |
| Second Color |
97 |
Themes > Background and Color Configuration > Unselected
tab > Background Color |
Medium |
The table shows third background color #3 in example.
| Third Background Color #3 in Example |
| Style Class Element |
Code |
Path in Career Section Administration |
Comment |
| Third Color |
96 |
Themes >Background and Color Configuration > Third
Color> Background Color |
Lightest |
The table shows buttons background color #4 in example.
| Buttons Background Color # 4 in Example |
| Style Class Element |
Code |
Path in Career Section Administration |
Comment |
| Button |
398 |
Themes >Input and Button Control Configuration
> Button > Background Color |
Medium |
The table shows errors / notifications background color #5 in
example.
| Errors / Notifications Background Color
#5 in Example |
| Style Class Element |
Code |
Path in Career Section Administration |
| Error Message |
93 |
Themes >Background and Color Configuration > Error
Message Box > Background Color |
| Warning Message Box |
94 |
Themes > Background and Color Configuration > Warning
Message> Background Color |
| Notification Message Box |
95 |
Themes > Background and Color Configuration > Notification
Message Box> Background Color |
The table shows page title text color #6 in example.
| Page Title Text Color # 6 in Example |
| Style Class Element |
Code |
Path in Career Section Administration |
Comment |
| Summary Section Title |
173 |
Themes >Text Configuration > Summary Section Title>
Color |
Darkest |
| Second Color |
175 |
Themes > Text Configuration > Page title > Color |
Darkest |
Basic color customization example:
