Themes
Themes control a dashboard’s whole look — surfaces, text, chart detail, and the data-color palette — from one place.
Built-in themes
Section titled “Built-in themes”Eight built-ins ship with DataSquares: Graphite Dark, Porcelain Light, Corporate Navy, Deep Ocean, Midnight Aurora, Paper & Ink, Emerald Executive, and Sunset Warm. Pick one from the toolbar’s Theme button — each shows a mini-dashboard preview, and your workspace’s custom themes appear right below the built-ins.
Not quite right? Customize colors… opens a per-token editor that layers your overrides on the active built-in (switching themes clears overrides).
Custom themes
Section titled “Custom themes”Admins manage workspace themes under Admin → Dashboard themes. The editor covers every token group:
- Surfaces — canvas, card, and header backgrounds; card borders.
- Text — body, muted, card titles, header text.
- Chart detail — legends, axis labels and lines, grid lines, data labels, tooltip background/text.
- Signals — accent color, positive/negative delta colors.
- Data colors — the 8-color series palette.
- Font — the theme’s typeface.
Start from any built-in or existing theme, a pasted brand hex, a generated brand theme, or an imported file — with a live mini-dashboard preview as you edit. Themes can be duplicated, exported, and deleted.
Workspace default theme
Section titled “Workspace default theme”Star a theme (built-in or custom) in Admin → Dashboard themes and it becomes the workspace default: dashboards that haven’t chosen their own theme inherit it. Deleting the starred theme simply clears the default.
Import from Power BI
Section titled “Import from Power BI”Import theme accepts DataSquares theme exports and Power BI theme
JSON — bring your existing PBI brand theme across as a starting point.
DataSquares themes export as .theme.json files.
Brand generator
Section titled “Brand generator”Generate from a brand color builds a complete theme from a single hex: choose light or dark, and it derives tinted surfaces, readable text tokens, and eight distinct series hues around your brand color.
Contrast guard
Section titled “Contrast guard”Both the customize panel and the admin editor run a live WCAG readability check — token pairs that would be unreadable (text on its background, labels on cards) get an amber warning before your users ever squint at them.
Themes elsewhere
Section titled “Themes elsewhere”Reports use the same theme catalog to skin their pages, and exports render with the dashboard’s active theme.