Defining custom themes

Custom themes contain a color scheme that is designed for your organization.

Before you begin

Decide what existing system or custom theme is the base for the new custom them.

To do this task, you need the SOX > Administration > Solutions application permission.

About this task

Design the theme and apply colors that meet your needs.

Table 1. Color settings
Color setting UI elements the setting applies to
interactive-01
  • The background of the actions bar on a Grid View
  • The background of buttons such as New and Action
  • Parent and relationship components in a Parent and Child relationship tree
interactive-03
  • Outline and text of buttons on Task and Admin tabs
  • New Section button on View Design tab
interactive-04
  • Check marks in a Grid View
  • The bar under the text on the active tab in a Task View
  • The wait cursor (spinning wheel)
text-04 Text in buttons like New and Action
link-01 Text in clickable links:
  • The names in a Grid View list
  • The name of the view following the title of an object in Grid View
  • The more link in a description
focus The outline of the UI element that currently has focus
hover-primary The background of buttons such as New and Done when the mouse pointer hovers over them
active-primary
  • The object component in a Parent and Child relationship tree
  • The background of buttons such as New and Action when clicked
hover-primary-text Text in some clickable links when the mouse pointer hovers over them, except the names in a Grid View list:
  • The name of the view following the title of an object in Grid View
  • The more link in a description
hover-tertiary The background of buttons on Task and Admin tabs when the mouse pointer hovers over them
active-tertiary The background of buttons on Task and Admin tabs when clicked

Procedure

  1. Click Administration menu > Solution Configuration > Themes.
  2. Click Add Theme.
  3. Select a theme in Base Theme.
    The colors of the base theme are applied as a preview. Select a different base theme, if needed.
  4. Enter a Name. Make it meaningful. It is displayed to users in the User menu icon (person) > Change Theme task.
  5. Enter a Description.
  6. Leave Enabled cleared.
  7. In Colors click a setting and apply a color by performing one of the following steps:
    • Click a color on the color model.
    • Click the drop down. The options depend on the browser you use. For example, for Chrome, there are options to provide color values as RBG, HSL, and HEX.
  8. Repeat the previous step for each UI element.
  9. Click Done.

What to do next

Test the theme, make adjustments as needed, and enable it. After the custom theme is enabled, it is available to users to apply.