Betta allows color customization for all parts of the theme. There are four main color categories (settings) for each section in the theme customizer:

  1. Background color: Sets the background color of element
  2. Foreground color: Sets the foreground color of element
  3. Accent color: Sets the accent color (eg: links and buttons)
  4. Accent foreground color: Sets the foreground color for when the accent color is used as background color (eg: button text)

Customizing Colors

  1. Go to ‘Colors‘ panel in the theme customizer
  2. Select which section you want to customize
  3. Set the background, foreground, accent and accent foreground colors as needed.
  4. Repeat above steps for other sections
  5. Click ‘Publish‘ to save

Site-wide Colors

To set set-wide colors:

  1. Go to ‘Colors‘ -> ‘General
  2. Set the background, foreground, accent and accent foreground colors as needed.
Open chat