Setting Up Your UI
Color Scheme

Color Scheme

In the Color Scheme section, you can change the colors of your user interface (UI).

To access the Color Scheme section:

  • Select My Account > Manage UI > Color Scheme.

To change a color choice from the default:

  1. Select the color palette next to the required option.

  2. Select your new color.

  3. In the top-right corner, select Save.

You can change the following color schemes:

SectionColorPurpose
Primary colorsPrimary background colorColors of the primary action button, e.g. the Save button on every page:
Primary border color
Primary text color
Secondary colorsSecondary background colorColors of the secondary action button, e.g. the Cancel button on every page:
Secondary border color
Secondary text color
Highlight colorsHighlight colorColors of currently selected options, e.g. selected items in a kit, or selected tile/list view icons:
Highlight text color
Highlight focus color
Preview element colorsSelected element colorThese colors apply to the editing of a template (only Template Authors will see the impact of these changes). Please see the separate Template Author document, available from Elateral.
Deselected element color
Rollover element color
Locked element color
Margins
Bleed
Page
Pasteboard color
Element name color
Information icon colorColor of the validation message icon.
icon.
MenuMenu bar colorColor of the top bar.
Menu text colorColor of the text on the top bar.
Magnifying glass colorColor of the magnifying glass icon on the search bar.
Header background imageUpload an image to change the look of the top bar from a solid color to an image.
FooterFooter bar colorColor of the footer bar.
Footer text colorColor of the text on the footer bar.
CartCart count colorWhen an item is added to the cart, the
Cart count text colorcounter icon is displayed. The color of the icon and its text are based on these settings. You need to add an item to your cart to see these in use.
LayoutPage background colorThis sets the background color of every page.
MobileHeader bar color
Footer bar color
Magnifying glass color
Entity tileAsset type bar colorColor of the type bar on an asset tile.
Asset type text colorColor of the text on an asset tile.
Campaign type bar colorColor of the type bar on a campaign tile.
Campaign type text colorColor of the text on a campaign tile.
Admin icons colorColors of the action icons on the asset and campaign tiles (visible to administrators):