From ba81f468a7de7566405456f3ea2546d0f217a83e Mon Sep 17 00:00:00 2001
From: Sahaj Jain <sahajjain13@gmail.com>
Date: Sat, 12 Apr 2025 23:42:49 +0530
Subject: [PATCH] fix: Spread with default styles in theme control panel

---
 src/components/editor/theme-control-panel.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/editor/theme-control-panel.tsx b/src/components/editor/theme-control-panel.tsx
index 4693eab5..0af3ba77 100644
--- a/src/components/editor/theme-control-panel.tsx
+++ b/src/components/editor/theme-control-panel.tsx
@@ -21,6 +21,7 @@ import {
   DEFAULT_FONT_SANS,
   DEFAULT_FONT_SERIF,
   COMMON_STYLES,
+  defaultThemeState,
 } from "../../config/theme";
 import { Separator } from "../ui/separator";
 import { AlertCircle } from "lucide-react";
@@ -45,7 +46,11 @@ const ThemeControlPanel = ({
   } = useEditorStore();
   const [cssImportOpen, setCssImportOpen] = useState(false);
 
-  const currentStyles = styles?.[currentMode];
+  const currentStyles = {
+    ...defaultThemeState.styles.light,
+    ...defaultThemeState.styles[currentMode],
+    ...styles?.[currentMode],
+  };
 
   const updateStyle = React.useCallback(
     <K extends keyof typeof currentStyles>(