System Administrators can rebrand their Case IQ application on the Themes page by creating different color designs for navigation options, grids, highlights, and more. The theme functionality allows you to create multiple themes, so users can choose their preferred theme on their user profile.

You can update all themes, except themes that are marked with one of the following statuses:

• Default: the default theme will load for a user that has not specified a theme on their user profile. There must be one default theme, so if you want to edit the design of the default theme, you must mark another theme as the default.
• Read only: indicates a bundled theme with your application deployment. Read only themes cannot be modified or removed after they have been imported. They can also be marked as the default theme.

To manage your themes, go to Settings > System > System > Themes. 

Add a Theme

To add a new theme for your application:

1. Go to Settings > System > System > Themes. 

2. Click the Add Theme button on the Themes page. 

3. On the New Theme form, complete the following fields:

• Name: type in a name for the theme. 
• Description: describe what the theme looks like. 
• Default: choose to make this theme the default for your users.
• Hidden on Portal: if you do not want reporters to use this theme, you can hide it from your application's external portal.
• Logo: upload an image file of your organization's logo, which will be displayed in the upper right of the application. We recommend using a transparent PNG or SVG file within 250 to 300 pixels wide and 80 to 100 pixels high. The file can be a maximum of 5 MB. 
• Logo Alt Text: enter text to briefly describe the logo for those who cannot see it.
• Favicon: upload a small image to display in the browser's tab, bookmarks, history, etc. We recommend a file within 32 by 32 pixels. The file can be a maximum of 1 MB. 
• Colors: choose the colors for each application element.
  • Primary Color: main action buttons, top bar, highlights around input buttons, and loading spinner.
  • Highlight Color: sidebar menu highlights, hover over tabs and links, and grid row highlights.
  • Standard Color: default buttons and subsection dropdown menus.
  • Secondary Navigation Color: secondary menus. These are mostly seen while on mobile.

4. When you have completed the New Theme form, click Save. 

Users will now be able to select the theme on their user profile (see Change Account Settings on Profile Page). The sample theme from the screenshot above would look like this in application:

Edit a Theme

To update a theme:

1. On the Themes page, click the theme you want to edit.
2. Click the Edit button. 
3. The theme's page will now be in edit mode. Use the text boxes, checkbox, or color pickers to update the theme. To replace the theme's logo, click the "x Remove" under the logo image, then drag-and-drop or browse for a new file to upload in the logo box.
4. When you have completed your changes, click the Save button.

Delete a Theme

If you need to permanently remove a theme, you can delete it from the theme's page directly. Click the Options () button on the theme's page, then select the "Delete" option.