About the Color Selector
Use the Color Selector to:
- Define a set of colors for a theme.
- Apply colors to design elements within CSM (example: dashboards, portal sites, forms, etc).
This topic describes the color selector provided with the Universal features. If you are using the classic version of the color selector, see About the Color Selector in the 10.2 version of the help documentation.
In general, the Color Selector can be used to select colors for:
- Themes: Defined set of colors that can be applied to elements on a Dashboard, Form, Portal site, or Action Catalog.
- Backgrounds, foregrounds, borders, and/or text for various CSM elements, including:
Colors can be solid or transparent and are categorized as follows (represented as tabs in the Color Selector):
All colors defined for the default CSM Theme. The different elements on a dashboard, form, portal site or action catalog (example: dashboard background color, form control text colors, portal banner colors, etc) have defined colors based on the default Theme. We recommend always using default theme colors when available to give a cohesive look. However, you can apply non-theme colors (system, web, or custom) if needed. If you apply non-theme colors to elements within CSM, they will not change to another theme color if you apply a different theme.
Custom colors added to a theme are not listed in this category.
Set of named web-safe colors.
Customized red, green, blue (RGB) colors.
Set of colors that are present in the palette section of the Theme Editor for the current theme. This is similar to Reference colors but lists all of the colors defined in the current theme open in the Theme Editor, including any custom colors that have been added. This category is only available when editing a state override color for a form theme.
Depending where the Color Selector is opened determines which of the tabs described above are displayed, not all tabs may be displayed (example: If opened in the Form Editor, tabs are only displayed when (Custom) is selected in the Theme Association drop-down. In addition only the Web and Custom tabs are displayed).