Brightspot CMS User Guide

Configuring a theme's swatch


Swatches provide a convenient way for site designers to select colors that conform to a site’s branding. You can configure a default swatch for all sites, and designers later customize the swatch for each site as necessary.

Theme designers can provide a swatch of colors to promote a site’s branding. The swatch appears in the color picker.

Color Swatch.png

Providing swatches makes it easy to select a site’s recommended colors.

To configure a swatch:

  1. Click menu > Admin > Themes.
  2. Under Themes, click the theme for which you want to configure a swatch.
  3. Toward the right of the widget, click the Color Palette tab. A widget appears.
  4. Open the color picker for Primary Color.
  5. Select the color in the swatch by doing one of the following:

    • Select the hue and saturation.
    • Enter a hex color code.
  6. Click OK.
  7. Repeat steps 4–6 to select the swatch's remaining colors.
  8. Click Save.
Note
Swatches appear in many places around Brightspot. When applying overrides to module colors, for example, the swatch that appears will draw from the values of the swatch that you apply here.

Previous Topic
Configuring a user's theme overrides
Next Topic
Adding custom CSS to a site
Was this topic helpful?
Thanks for your feedback.
The elements that get you up and running in a matter of days, from pre-built content types, to modules, to landing pages.

Content types
Modules
Landing pages
Everything you need to manage and administer content within Brightspot CMS, including plug-and-play integrations.

Dashboards
Publishing
Workflows
Admin configurations
A guide for installing, supporting and administering code on the Brightspot platform, including integrations requiring developer support to use.

Field types
Content modeling
Rich-text elements
Images