Setting up a theme's pre-defined color palette.

Color palettes are a core part of the theme defined in the Theme Designer.

Using the theme color palette via the color picker helps users select predefined colors that are true-to-brand. (It doesn't, however, prevent users from choosing colors outside of the color palette.)

The Color Picker

Users can access the theme color palette from any color selection field. For example, the Background expander in the Block 1 accordion has a Color setting. Once you select the text field for this setting, the color picker opens. You can see your theme's color palettes below the color picker.

 

 

Color Names

When defining your palette, Theme Press assigns a name to each color. This name appears in the text field for any setting using a palette color. Theme Press uses this naming convention to automatically populate your changes throughout the product.

PaletteColorProperty
CorePrimary$primaryColor
CoreSecondary$secondaryColor
CoreAccent$tertiaryColor
   
Tints and ShadesDark$darkColor
Tints and ShadesMedium$mediumColor
Tints and ShadesLight$lightColor
   
GraysDark Gray$darkGrayColor
GraysMedium Gray$mediumGrayColor
GraysLight Gray$lightGrayColor
GraysWhite$whiteColor

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the Steps block above to narrow the gap between the two blocks.

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.