As an admin, you can customize your site's color scheme by selecting from available themes and configuring colors for each element. You can offer light mode, dark mode, or both to your users.
Customize theme colors
Log in with your admin account.
Click your Profile Picture in the top right.
Select Administration > Appearance > Themes.
Browse available themes and select one as your base template.
Decide whether to offer dual themes (light mode and dark mode).
Select light or dark mode. Click the pencil icon next to the theme name to view all theme styles.
Customize colors by clicking each color element:
Click on any color to open the color picker.
Select a color directly, or enter your brand's hexadecimal or RGB color code for an exact match.
View your changes in the preview panel in the center of the screen as you work.
Click Save Changes at the top right to save your customizations.
For detailed guidance, see the Theme Guide.
Customize element styles
You can configure the visual style of platform elements including corners, cards, buttons, and avatars.
Log in with your admin account.
Click your Profile Picture in the top right.
Select Administration > Appearance > Styles.
Configure the style for each element:
Corners: Set the corner radius for cards, inputs, alerts, modals, and similar components.
Cards: Customize card appearance and spacing.
Button: Configure button size, padding, and appearance.
Avatar placeholder: Set the default appearance for user avatars without profile images.
Avatar corner: Set the corner radius for user avatar images.
Icon style: Choose icon appearance across the platform.
Click Save Changes at the top right to save your customizations.