Colors — Buttons

One global public button scheme (solid or gradient). Default indigo. Page-specific CTAs often have their own editors.

Settingdesign.colors.buttons_v1

Colors — Buttons

One global public button color scheme used across many site CTAs (.xf-site-button and brand CSS variables).

Where to find it

Admin → DesignColorsButtons (/admin/design/colors/buttons)

Setting key: design.colors.buttons_v1

Default: solid #4f46e5 / hover #4338ca, text white. Gradient mode also available. Applies after first save (html.site-design-colors-active).

How it works

Choose solid or Gradient. Set background / hover (or gradient from/to + direction) and text / text hover.

This is a single scheme - not separate primary/secondary tabs. It does not set size, radius, or shadow - those live in page-specific appearance editors (Premium, File download, Pre-download).

Common problems

Premium or download CTA ignored these colors

Those pages have local button appearance under Design → Premium / File download / Pre-download.

Related