番茄社区
Brightspot CMS User Guide
Brightspot CMS User Guide
User settings
Back to User settings

Customizing Brightspot's appearance

You can customize Brightspot's color scheme and layout. All editors can customize Brightspot's appearance for themselves; administrators can customize the appearance for a specific site or for the global site.

  • Customizations at the global level apply to all editors.
  • Customizations at the site level override those at the global level. When an editor works on a particular site, Brightspot's appearance is that configured for the site.
  • Customizations at the editor level override those at the site and global levels.

To customize Brightspot's appearance:

  1. To customize Brightspot's appearance at the global or site level:
    1. Click menu > Admin > Sites & Settings.
    2. In the Sites widget, select the site for which you are configuring the theme, or select Global to configure the theme for all sites.
    3. Skip to step 3.
  2. To customize Brightspot's appearance at the editor level:
    1. In the header, click your username > Profile.
  3. Expand CMS > UI. The UI cluster contains fields for configuring Brightspot's appearance.
  4. Using the table below as a reference, configure the appearance.
  5. Click Save.

Field
 Definition
Preset Theme Select one of the themes to use for Brightspot. If you select Custom, you can configure the following colors for individual UI elements:
  • Dominant鈥擡ditorial toolbar background, field labels.
  • Gray鈥擳ab labels, placeholders, numbers in selection fields.
  • Red鈥擡rror messages.
  • Orange鈥擴sed in customized versions of Brightspot.
  • Yellow鈥擣ield changed since last save.
  • Green鈥擡ditorial toolbar border, color of Publish button.
  • Blue鈥擟ursor in field.
  • Purple鈥擴sed in customized versions of Brightspot.

For information about using the color picker, see Configuring a theme's swatch.
Appearance List of appearances, including:
  • Light鈥擳he standard Brightspot appearance.
  • Dark鈥�Brightspot's Dark mode.
  • Follow OS鈥擳he default appearance mode of the operating system being used.
Enable Boxed Input
  • If enabled, places border around fields.
  • If disabled, places border at bottom of fields.
Enable Compact Displays the content edit form with smaller labels and fields, so more of it appears in your screen without scrolling.
Enable Compact Rails Displays widgets in the right and left rails with smaller labels and fields, so more of them appear in your screen without scrolling.
Enable High Contrast Displays Brightspot in a high-contrast mode, improving accessibility and ideal when working outside or with strong ambient light.
Header Background Background color of header.
Previous Topic
Configuring your profile
Next Topic
Notifications
Tags
Users, roles, and permissions
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.

鈥�
鈥�
鈥�
Content Types Guide
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
CMS User Guide
Everything you need to know when creating, managing, and administering content within Brightspot CMS.

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

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

鈥� Google Analytics
鈥� Shopify
鈥� Apple News