·¬ÇÑÉçÇø

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. Brightspot displays the swatch in the color picker.

Color Swatch.png 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. Open the Color Palette tab.
  4. Open the color picker for Color 1.
  5. Select the color in the swatch by doing one of the following:
    • Select the hue and saturation.
    • Enter a hex color code.
    • Click block to remove the color from the swatch.
  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 <head> elements
Tags
Was this topic helpful?
Thanks for your feedback.
Our robust, flexible Design System provides hundreds of pre-built components you can use to build the presentation layer of your dreams.

•
•
•
Brightspot is packaged with content types that get you up and running in a matter of days, including assets, modules and landing pages.

• Content types
• Modules
• Landing pages
Everything you need to know when creating, managing, and administering content within Brightspot CMS.

• Dashboards
• Publishing
• Workflows
• Admin configurations
A guide for installing, supporting, extending, modifying and administering code on the Brightspot platform.

• Field types
• Content modeling
• Rich-text elements
• Images
A guide to configuring Brightspot's library of integrations, including pre-built options and developer-configured extensions.

• Google Analytics
• Shopify
• Apple News