Set Theme Colors
Administrators can set theme colors for backgrounds, cards, buttons, and many more on Community Hub from Community Hub Settings.
- In the tab bar, click App Launcher.
- Search and select Community Hub Settings.
- Go to the Theme Settings custom setting.
- Click Edit next to Theme.
- In the required fields, enter the color values in the hex form.
- Click Save.
Ensure Theme Enabled
is selected.
Each field on Theme Settings is responsible for setting the theme color for a specific entity.
Here is the list of fields that need to be populated with color values and their respective functions.
Field Name | Function | Additional Information |
---|---|---|
Card Background Color | It sets the background color to display on the cards. | |
Card Color | It sets the foreground color to display on the cards. | |
Card Heading Color | It sets the color of all the card headings. | |
Default Active Button Background Color | It sets the default background color of the active buttons. | It includes pagination and filter buttons but not the primary and secondary buttons. |
Default Active Button Foreground Color | It sets the default foreground color of the active buttons. | |
Default Button Background Color | It sets the default background color of the buttons. | |
Default Button Foreground Color | It sets the default foreground color of the buttons. | |
Disabled Button Background Color | It sets the background color of the disabled buttons. | |
Disabled Button Color | It sets the foreground color of the disabled buttons. | |
Footer Background Color | It sets the background color of the footer. | |
Footer Color | It sets the foreground color of the footer. | |
Header Background Color | It sets the background color of the header. | |
Header Color | It sets the foreground color of the header. | |
Link Color | It sets the foreground color of the links. | |
Link Hover Color | It sets the foreground color of the links when hovered. | |
Off Canvas Background Color | It sets the background color of all the off-canvas items. | It is only seen on phone-sized mobile devices. |
Off Canvas Color | It sets the foreground color of all the off-canvas items. | |
Off Canvas Nav Separator Color | It sets the background color of the visual separator between the off-canvas navigational items. | |
Page Heading Background Color | It sets the background color of the page heading section. | |
Page Heading Color | It sets the foreground color of the page heading section. | |
Primary Background Color | It sets the background color of the page. | |
Primary Button Background Color | It sets the background color of the primary buttons. | |
Primary Button Color | It sets the foreground color of the primary buttons. | |
Primary Text Color | It sets the foreground color of the text on the page. | |
Secondary Button Background Color | It sets the background color of the secondary buttons. | |
Secondary Button Color | It sets the foreground color of the secondary buttons. | |
Zebra Stripe Background Color | It sets the background color of alternate row zebra stripes. |