23. Report and Dashboard Design Principles
23.4 Themes
A theme applies colours, fonts and visual defaults to the whole report.
- View › Themes – choose a built-in theme.
- Customize current theme – set theme colours, text styles (titles, cards, labels), visual defaults, page background.
- Save current theme – exports a JSON file that you can reuse in other reports so all company reports look consistent.
- Browse for themes – import a JSON theme file (e.g. company branding).
A minimal theme JSON looks like this:
{
"name": "Quick Commerce Theme",
"dataColors": ["#F2C811", "#252423", "#118DFF", "#E66C37", "#6B007B", "#744EC2"],
"background": "#FFFFFF",
"foreground": "#252423",
"tableAccent": "#F2C811"
}
Ravindra Bagale's Tip
Friends, many students change fonts and colours visual by visual instead of using a theme, and the report looks inconsistent. Start with a theme (built-in or JSON) and adjust it once. Then every new visual follows it automatically. It's very simple – just make it a habit.
Ravindra Bagale's Tip – मराठी
मित्रांनो, बरेच students theme वापरण्याऐवजी प्रत्येक visual चे fonts आणि रंग वेगवेगळे बदलतात, आणि report विसंगत दिसतो. Theme ने सुरुवात करा (built-in किंवा JSON) आणि एकदाच adjust करा. मग प्रत्येक नवा visual आपोआप तो पाळतो. एकदम simple आहे, फक्त सवय लावून घ्या.
Ravindra Bagale's Tip – हिंदी
दोस्तों, बहुत से students theme इस्तेमाल करने की जगह हर visual के fonts और रंग अलग-अलग बदलते हैं, और report बेमेल दिखती है. Theme से शुरू करो (built-in या JSON) और उसे एक बार adjust करो. फिर हर नया visual अपने आप उसे follow करता है. बहुत आसान है, बस आदत बना लो.
Fix common mistakes
| Wrong result | Reason | Correction |
|---|---|---|
| Fonts differ visual by visual | Manual formatting | Use a theme |
| Theme import fails | JSON syntax error | Start from an exported theme |
About this data: This table uses columns: Wrong result, Reason, Correction. Values shown are the lesson examples already on this page (not a new dataset).
Practise independently
Practice task
Apply a built-in theme, then change only the first data colour.
Practice file (fictional): visuals_orders_apr_may_2026.csv
Hints
- View › Themes › Customize current theme.
Solution
All new visuals use the new first colour; existing visuals with manual colours do not change until reset.
Revision card
Comparison card