Skip to main content
Documentation/Elements & Controls Reference/Global Settings/Colors

Colors

Open the top bar menu and choose Global Settings > Colors to define the site's default colors, then Save. Local styles can override these defaults.

  • Brand — The shared color for components using brand styling. Supports a hover color.
  • Text — Default body text color.
  • Headings — Default heading color.
  • Links — Default link color. Supports a hover color.
  • Background — Page background color.
Breakdance editor with Global Colors open and the Brand control outlined

Palette

The palette holds named, reusable colors and gradients. Assign a palette variable to a color control to keep it connected: changing the variable updates every control using it. Entering the same color value manually does not create that connection.

Palette > Manage Variables opens the site's color and gradient variables. See Variables for creating and applying them.

Sites with existing legacy palette entries show a Palette popout with Colors and Gradients instead. These hold the existing reusable colors and gradients; Manage Variables appears when both legacy lists are empty.

Variables panel showing the site's named variables