Theming

Tip

Learn how to adjust colors, fonts, and UI styling for a complete white-label experience.

Open Theme Settings

Navigate to the left sidebar, locate the Settings section, and click Theme.

Configure Brand & Sidebar Colors

1. Brand color: Enter a hex code or click the color swatch to set your primary accent color (applies to elements like buttons and selected menu items).
2. Sidebar color: Set the background color for your navigation sidebar to perfectly complement your embedded Sigma dashboards.

Choose Fonts and Typography Styling

1. Font: Click the dropdown to select a font family (e.g., Inter, Manrope, Source Sans 3, etc.) to match your brand.
2. Text weight: Adjust the weight of your body text (e.g., Regular).
3. Text color: By default, text color calculates automatically for optimal contrast, but you can uncheck the box to set a custom hex code.

Adjust UI Corner Roundness

Use the Corners slider to adjust card and button roundness (ranging from Square / 0px to Rounded).

Preview as a Viewer & Save

1. Use the PREVIEW AS VIEWER search bar on the right side of the screen to select a specific user and verify how your theme renders with live data.
2. Click Save Theme at the bottom left to instantly push the new design live to your portal!