Access to the Themes feature requires a Core, Pro, or Enterprise-level subscription.
The Themes feature enables you to customize the colors of your dashboards to match your company's branding, while maintaining a consistent look and ensuring that your metrics remain clear and understandable at a glance.
How to apply a custom theme to your dashboard
From the top of your dashboard, click More, then click Logo and theme.
From here, you can also upload a dashboard logo.
In the Theme dropdown, select Custom.
Enter six-digit hex color codes for the dashboard elements you wish to change.
Refer to the examples in the tables below to see which 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: |
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