Using the pre-defined color palette in the theme.

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

Using the theme color palette through the color picker helps users make color choices that are true-to-brand. Although, it doesn't 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 Canvas 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.

PaletteColorName
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.