The Theme Builder gives you complete control over the appearance of your reports. From colors and typography to charts, tables, widgets, and page backgrounds, every element can be customized to match your brand.
Theme Basics
Start by defining the core settings for your theme.
Theme Name
Give your theme a meaningful name so it's easy to identify later.
When you customize a standard theme, a copy is automatically created.
New themes are created as "Untitled Theme" until renamed.
Theme Visibility
Choose where your theme will be available:
All Clients – Available across all clients in your account.
Only This Client – Available only for the selected client.
Theme Style
Select either Light or Dark as the foundation of your theme.
This automatically applies a balanced set of background and text colors across your report, including pages, widgets, charts, headers, and footers.
Theme Color
Choose your primary brand color.
This color is used throughout the report and automatically updates elements that inherit the primary theme color, helping you maintain a consistent design.
Theme Font
Select the font family used throughout your report for headings, text, tables, and other supported elements.
Customize the Report Page
Personalize the appearance of your report pages.
Background Color
Choose a background color for your report pages.
Background Image
Upload an image to use as the page background. This applies to all the pages on the reports.
Choose how the image should be displayed:
None – Displays the image at its original size.
Cover – Fills the page while maintaining the image's aspect ratio. Portions of the image may be cropped.
Fill – Stretches the image to fill the page. The image may appear distorted.
Fit – Displays the entire image within the page. Empty space may remain around the image.
When the background image completely covers the page, headers and footers automatically become transparent to create a seamless design.
📷 Image: Page settings showing Background Color, Background Image, and Fit options.
Customize Typography
Style Heading and Text widgets independently to create the perfect reading experience.
For both headings and text, you can customize:
Font family
Text color
Background color
You can also enable Inherit Widget Style to automatically apply your widget styling, including backgrounds, padding, borders, and shadows. Disable this option if you prefer a clean, text-only appearance.
📷 Suggested Image: Typography settings with Heading and Text customization.
Customize Widgets
Control the appearance of every widget in your report.
Available customization options include:
Widget background color
Widget title color
Widget description color
Border radius
Padding
Border thickness
Shadow
Card transparency
Choose from predefined styles or create your own custom values for borders, padding, and shadows.
Card Transparency also includes frosted-glass effects to give your reports a modern look.
📷 Suggested Image: Widget customization panel with a preview of different widget styles.
Customize Charts and Tables
Design charts and tables that align with your brand.
Charts
Customize:
Chart color
Color palette
Axis colors
Grid lines
Labels
Legends
Choose from built-in palettes such as Default, Mono, Vibrant, and Pastel, or create your own custom palette.
Tables
Customize table styling with options for:
Header background color
Header text color
Alternating row colors
Alternating row text colors
These options help improve readability while maintaining a consistent design.
📷 Suggested Image: Charts and Tables settings with the report preview reflecting the selected colors.
Customize Icons and Shapes
Maintain a consistent visual style across your report.
Icons
Choose between:
Linear – Outlined icons
Filled – Solid icons
Select how icon colors are applied:
Monotone
Duotone
Tritone
You can also manually customize icon colors to match your branding.
Shapes
Customize colors used in overview widgets, including:
Shape fill
Shape text
Bottom fill
Bottom text
📷 Suggested Image: Icons and Shapes settings with examples of different icon styles.
Metric Colors
Choose the colors used to highlight performance changes in overview widgets.
Customize:
Positive Change Color – Used for improving metrics.
Negative Change Color – Used for declining metrics.
These colors help readers quickly identify trends and performance at a glance.
📷 Suggested Image: Overview widget displaying customized positive and negative change colors.