Skip to main content
You can customize the appearance of any dashboard — background, padding, widget cards, borders, titles, and fonts — from the Styling panel in the Dashboard Builder. Styling is per-dashboard: settings are saved to the dashboard’s configuration and apply equally to the dashboard in Cube and to its embedded view (both private and signed embedding).

​
Open the Styling panel

  1. Open your dashboard
  2. Click Dashboard Builder in the top bar
  3. Click the gear icon to open the Styling panel
Click Apply to preview your changes. Click Reset to revert to the defaults. Publish the dashboard for the styling to take effect in embedded views.

​
Options

All values accept standard CSS — colors as hex (#1a1a2e), rgb(), or named colors; lengths as CSS units (e.g., 16px).

​
Background

Settings that apply to the dashboard canvas as a whole.
OptionDescriptionExample
BackgroundDashboard background color#f9f9fb
PaddingOuter padding around the dashboard grid16px

​
Widgets

Settings that apply to every widget (chart card) on the dashboard.
OptionDescriptionExample
BackgroundWidget card background color#ffffff
PaddingInner padding within each widget12px

​
Widgets → Borders

Border styling for widget cards.
OptionDescriptionExample
ColorBorder color#E1E2E8
RadiusCorner radius8px
StyleBorder style (solid, dashed, dotted, double, none)solid
WidthBorder thickness1px

​
Widgets → Titles

Typography for widget titles.
OptionDescriptionExample
ColorTitle text color#1a1a2e
Font SizeTitle font size18px
Font WeightTitle font weight600
Font FamilyTitle font familysystem-ui