The Advanced theming feature allows you to change the colors of your dashboards to match your company branding while maintaining a consistent look and ensuring your metrics remain understandable at a glance.
How to apply a custom theme to your dashboard
A custom theme is available for all trialists and is included in our Pro and Scale plans.
Click Theme from your dashboard’s navigation menu. From here, you can also upload a dashboard logo.
Under the Theme heading, select the dropdown, then Custom.
Enter six-digit hex color codes for the dashboard elements you wish to change.
Refer to the examples in the tables below for what elements can be changed and what the changes look like.
Click Save to apply your new color scheme.
Elements of the dashboard for Dark and Light themes
The table below details each dashboard element, our recommendations for choosing the right color, and the hex color codes for our default Dark and Light themes.
Element | Description | Hex code # |
Main visualization color |  Used for Series 1 in Bar, Line, and Column charts and for comparison visualizations. | Dark:
|
Dashboard background |  Used for the dashboard frame and footer color. | Dark: Light:
|
Widget background |  Use the same hue as the dashboard color but with more or less brightness. | Dark: Light:
|
Text |  Select a dark color for light themes and a light color for dark themes. | Dark: Light:
|
Positive |  Used for positive states and alerts. E.g., on your status indicators, goals, and comparison visualizations. | Dark: Light:
|
Negative |  Used for negative states and alerts. | Dark: Light: |
Caution |  Used for caution states. | Dark: Light:
|
Chart series 2-9 |  Used for the other series in Bar, Line, and Column charts. | Dark and Light:
Series 2: Series 3: Series 4: Series 5: Series 6: Series 7: Series 8: Series 9: |
Advanced theme templates
Use these examples as-is or as a starting guide to customize dashboard elements to match your brand's style.
Light themes
Example 1
Main visualization color: 2499D3 
Dashboard background: EFEFEF 
Widget background: FFFFFF 
Text: 2152A0 
Positive: 0FD354 
Negative: FC5C6A 
Caution: FEB554 
Example 2
Main visualization color: FCB040 
Dashboard background: FFE2B7 
Widget background: FFFCF8 
Text: 49230D 
Positive: 0FD354
Negative: FF2E00 
Caution: E0843D 
Dark themes
Example 1
Main visualization color: F2A93C 
Dashboard background: 183F80 
Widget background: 0A1D3F 
Text: FFFFFF
Positive: 8ACD41 
Negative: D02E2A 
Caution: E0843D
Example 2
Main visualization color: 01CCCC 
Dashboard background: 000228 
Widget background: 00294A 
Text: EFEFF3 
Positive: 0FD354
Negative: FC5C6A
Caution: FEB554