Customizing the theme colors

Liven up the site by customizing the theme colors.

Admins can customize the color scheme(s). Access the Theme Guide here.

1. Log in with your admin account > click on the Profile Picture on top-right > Administration > Appearance > Select Themes to change the color theme(s).

2. Browse all themes and select one as a base template.

3. Choose whether you want to offer dual themes (light mode and dark mode).

4. Select light or dark mode and continue customizing by clicking on the pencil icon next to the theme name to see all theme styles. To configure colors, click on each color and then select a color of your choice or insert the brand's hexadecimal or RGB color code to select an exact match. As you customize each style element, you will be able to see a full preview in the middle of the screen.

5. Click Save Changes at the top right of the window to save.

Customizing the element styles

1. Log in with your admin account > click on the Profile Picture on top-right > Administration > Appearance > Select Styles to change the platform style preferences.

2. Configure the style for the:

   • Corners: Choose the shape of the cards, inputs, alerts, modal, and other similar components.

   • Cards

   • Button

   • Avatar placeholder

   • Avatar corner

   • Icon style

3. Click Save Changes at the top right of the window to save.

Related Topics:

• Theme Guide - Learn how to customize your theme on Bettermode

• Use a Custom Domain or Subdomain

• How to create and edit Spaces

• How to customize the layout of the Home page and Spaces

• Brand your site: add a logo, site name, colors, font, top navigation, and white-label