Both the Color mapping and Component styling tabs allow designers to apply the colors defined in the Palettes tab. The Color mapping uses broader categories, while the Component styling tab allows for greater precision.
- Open the Color mapping or Component styling tab.
-
Open the dropdown menus, and select a color from the Palettes tab.
Use the Theme dropdown menu to preview a different theme.
-
Select Apply.
The colors apply automatically to the customized categories in most components of designed pages. For some components, it may be necessary to apply colors manually.
- Values defined in the Component styling tab take precedence over the values defined in the Color mapping tab.
- The border radius, padding, and size fields in the Component styling tab take values in pixels, percentages, or ems. For example,
10px.