You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
@@ -464,6 +465,31 @@ Sets the background for the embedded content. Can be any color value or `'transp
464
465
/>
465
466
```
466
467
468
+
## Color palettes
469
+
470
+
You can customize the appearance of embedded dashboards using color palettes. Define multiple color palettes in your organization settings, then apply them to embedded dashboards using the `paletteUuid` prop.
471
+
472
+
For more on customizing appearance, see [customizing the appearance of your project](/references/workspace/customizing-the-appearance-of-your-project).
473
+
474
+
### Setting up color palettes
475
+
476
+
1. Go to **Organization settings > Appearance** in Lightdash
477
+
2. Define one or more color palettes
478
+
3. Copy the palette UUID for the palette you want to use (or fetch from API `GET /api/v1/org/color-palettes`)
479
+
480
+
### Applying a palette
481
+
482
+
Pass the `paletteUuid` prop to the `Lightdash.Dashboard` component:
483
+
484
+
```tsx
485
+
<Lightdash.Dashboard
486
+
instanceUrl="https://app.lightdash.cloud"
487
+
token={token}
488
+
paletteUuid="your-palette-uuid"
489
+
/>
490
+
```
491
+
492
+
467
493
## Filtering data
468
494
469
495
Filters can be passed to `<Lightdash.Dashboard/>` to filter dimensions by values. Filters are applied as AND operations, each further restricting results.
0 commit comments