From ff61dd43663f5e38ece230bcbce54ac9bb7da1bc Mon Sep 17 00:00:00 2001
From: "mintlify[bot]" <109931778+mintlify[bot]@users.noreply.github.com>
Date: Fri, 3 Apr 2026 12:38:35 +0000
Subject: [PATCH 1/2] Add color palettes documentation to React SDK reference

Generated-By: mintlify-agent
---
 references/react-sdk.mdx | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/references/react-sdk.mdx b/references/react-sdk.mdx
index 54327ee5..230c6654 100644
--- a/references/react-sdk.mdx
+++ b/references/react-sdk.mdx
@@ -106,6 +106,7 @@ type DashboardProps = {
     fontFamily?: string;            // Font family for all text
   };
   filters?: SdkFilter[];            // Apply filters programmatically
+  paletteUuid?: string;             // Color palette UUID for custom theming
   contentOverrides?: LanguageMap;   // Localization/translation overrides
   onExplore?: (options: {
     chart: SavedChart
@@ -464,6 +465,40 @@ Sets the background for the embedded content. Can be any color value or `'transp
 />
 ```
 
+## Color palettes
+
+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.
+
+For more on customizing appearance, see [customizing the appearance of your project](/references/workspace/customizing-the-appearance-of-your-project).
+
+### Setting up color palettes
+
+1. Go to **Organization settings > Appearance** in Lightdash
+2. Define one or more color palettes
+3. Copy the palette UUID for the palette you want to use
+
+### Applying a palette
+
+Pass the `paletteUuid` prop to the `Lightdash.Dashboard` component:
+
+```tsx
+<Lightdash.Dashboard
+  instanceUrl="https://app.lightdash.cloud"
+  token={token}
+  paletteUuid="your-palette-uuid"
+/>
+```
+
+### Retrieving available palettes
+
+You can fetch the list of available color palettes from the API:
+
+```
+GET /api/v1/org/color-palettes
+```
+
+Use the returned palette UUIDs to dynamically select which palette to apply.
+
 ## Filtering data
 
 Filters can be passed to `<Lightdash.Dashboard/>` to filter dimensions by values. Filters are applied as AND operations, each further restricting results.

From a308b67740a043c04f322259d7cafb949b1367b5 Mon Sep 17 00:00:00 2001
From: Giorgi Bagdavadze <12987425+notgiorgi@users.noreply.github.com>
Date: Fri, 3 Apr 2026 18:57:03 +0400
Subject: [PATCH 2/2] Revise color palette setup instructions

Updated instructions for copying palette UUID and removed section on retrieving available palettes.
---
 references/react-sdk.mdx | 11 +----------
 1 file changed, 1 insertion(+), 10 deletions(-)

diff --git a/references/react-sdk.mdx b/references/react-sdk.mdx
index 230c6654..f9988dba 100644
--- a/references/react-sdk.mdx
+++ b/references/react-sdk.mdx
@@ -475,7 +475,7 @@ For more on customizing appearance, see [customizing the appearance of your proj
 
 1. Go to **Organization settings > Appearance** in Lightdash
 2. Define one or more color palettes
-3. Copy the palette UUID for the palette you want to use
+3. Copy the palette UUID for the palette you want to use (or fetch from API `GET /api/v1/org/color-palettes`)
 
 ### Applying a palette
 
@@ -489,15 +489,6 @@ Pass the `paletteUuid` prop to the `Lightdash.Dashboard` component:
 />
 ```
 
-### Retrieving available palettes
-
-You can fetch the list of available color palettes from the API:
-
-```
-GET /api/v1/org/color-palettes
-```
-
-Use the returned palette UUIDs to dynamically select which palette to apply.
 
 ## Filtering data