From 40552834c103ccfa4687657b5b3f81599f972e4b Mon Sep 17 00:00:00 2001
From: wpalani <abdulrahmanalani95@gmail.com>
Date: Fri, 10 Jan 2025 23:06:12 -0700
Subject: [PATCH] Fix base color changing to secondary color during live
 preview

---
 .../Sidebar/components/Customize/DesignColorsPanel/index.js  | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/OnboardingSPA/components/Sidebar/components/Customize/DesignColorsPanel/index.js b/src/OnboardingSPA/components/Sidebar/components/Customize/DesignColorsPanel/index.js
index a9f2d7872..96d79fa38 100644
--- a/src/OnboardingSPA/components/Sidebar/components/Customize/DesignColorsPanel/index.js
+++ b/src/OnboardingSPA/components/Sidebar/components/Customize/DesignColorsPanel/index.js
@@ -104,6 +104,7 @@ const DesignColorsPanel = forwardRef(
 					}
 				} );
 				const paletteObj = {
+					base: palette?.base,
 					primary: palette?.primary,
 					secondary: palette?.secondary || palette?.base,
 					tertiary: palette?.tertiary || palette?.primary,
@@ -227,12 +228,10 @@ const DesignColorsPanel = forwardRef(
 			const colorPaletteIndex =
 				selectedPalette === 'custom' ? 0 : selectedPalette;
 			const selectedPaletteColors = colorPalettes[ colorPaletteIndex ];
-
 			selectedPaletteColors.primary = selectedColor.primary;
 			selectedPaletteColors.secondary = selectedColor.secondary;
-			selectedPaletteColors.base = selectedColor.secondary;
+			selectedPaletteColors.base = selectedColor.base;
 			selectedPaletteColors.tertiary = selectedColor.tertiary;
-
 			activeColor.palette = convertColorSchema( selectedPaletteColors );
 			currentData.sitegen.homepages.data[ slug ].color = activeColor;
 			setCurrentOnboardingData( currentData );