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.
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 |
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 |
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 |
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 |
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 |
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 |
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: