Skip to main content

Case Central® Knowledge Base

Administrative users can manage the colors of their Case Central® environments to better align with their organization's own branding. This includes altering the Primary Site Scheme, Default Palette, and Secondary Palette colors.

Administration Guide

Who Can Use this Feature?

Management and use of this feature is available to all users with an Administrator license, by default. Users with a Standard license who have been granted Styles site rights also have access to this feature.

Where Is It Set Up?

To access the Manage Theme Colors page, click Settings on the vertical sidebar menu. Then go to System SetupStyles.

Key Terms

  • Color Code

    • A Color Code is a standardized representation of a specific color. Color Codes are commonly used in web applications.

    • Case Central® supports the use of Color Codes in the Hex format, which is typically six alphanumeric digits expressed as #XXXXXX.

  • Primary Site Scheme

    • The Primary Site Scheme is the default color used for the Login screen, left-hand navigation, and text links.

  • Default Palette

    • The Default Palette contains the colors the system is designed to use. These colors cannot be edited, but they can be enabled or disabled.

  • Secondary Palette

    • The Secondary Palette contains the colors that can be edited and used in lieu of the Default Palette.

Helpful Tips

Consider Accessibility

When updating the look of a Case Central® environment, consider the impact your changes may have to the system's accessibility. Colors that provide a strong contrast offer greater usability for individuals with visual limitations.

Refresh

You may need to log out of the system and back in again to see the effect of changes made to the color scheme.

Set the Theme Colors

  1. On the Manage Theme Colors page, Click the Edit - Pencil blue on white icon in the upper right-hand corner of the “out-of-box” Primary Site Scheme section. The Edit out-of-box Color panel will open.

  2. Select the desired color.

    1. Edit the Label for the updated Primary Site Scheme in the box provided.

    2. Edit the Color Picker value by typing in the desired Color Code or by clicking on the colored square to open the color preview panel. Using the cursor, click on the rainbow ribbon to preview the approximate color and then click again within the box to select the desired shade.

  3. Click Save.

  1. Click the Add - Plus Sign - no border shade icon in the upper right corner of the Manage Theme Colors screen to open the Add Color panel.

  2. Select the desired color.

    1. Enter the Label for the new color in the box provided.

    2. Select the color using the Color Picker field by typing in the desired Color Code or by clicking on the colored square to open the color preview panel. Using the cursor, click on the rainbow ribbon to preview the approximate color and then click again within the box to select the desired shade.

  3. Click Save.

  1. On the Manage Theme Colors page, choose the color card in the Secondary Palette section that you wish to edit. Click the Edit - Pencil blue on white icon in the upper right corner of the color card to open the Edit Color panel.

  2. Select the desired color.

    1. Edit the Label for the updated Secondary Palette Color in the box provided.

    2. Edit the Color Picker value by typing in the desired Color Code or by clicking on the colored square to open the color preview panel. Using the cursor, click on the rainbow ribbon to preview the approximate color and then click again within the box to select the desired shade.

  3. Click Save.

  1. To disable the use of a color in the Default Palette or the Secondary Palette, click the Toggle On icon in the upper left corner of the color card to move the toggle switch to the left Toggle Off position.

  2. To enable the use of a color in the Default Palette or the Secondary Palette, click the Toggle Off icon in the upper left corner of the color card to move the toggle switch to the right Toggle On position.