From ca027ac93f7140b32b75689f816259b79c2ec175 Mon Sep 17 00:00:00 2001 From: Rosario Moscato Date: Tue, 16 Sep 2025 16:43:24 +0200 Subject: [PATCH] feat: implement consistent dark/light/system theme across entire application MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Enable smooth theme transitions with disableTransitionOnChange={false} - Add persistent theme storage with design-buddy-theme key - Update layout with proper body styling (bg-background text-foreground) - Apply consistent theming to header using bg-background tokens - Update footer to use bg-muted/50 for better visual hierarchy - Standardize landing page sections with consistent theme tokens - Update design studio loading overlay to use bg-card with border - Replace hardcoded dark:bg-* classes with semantic theme tokens - Ensure all components adapt to light, dark, and system themes - Add proper background and foreground colors throughout the app 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude --- src/app/dashboard/page.tsx | 2 +- src/app/layout.tsx | 5 +++-- src/app/page.tsx | 10 +++++----- src/components/site-footer.tsx | 2 +- src/components/site-header.tsx | 2 +- 5 files changed, 11 insertions(+), 10 deletions(-) diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx index d26c08d..ef30f4a 100644 --- a/src/app/dashboard/page.tsx +++ b/src/app/dashboard/page.tsx @@ -179,7 +179,7 @@ export default function DesignStudioPage() { {/* Loading Overlay */} {isGenerating && (
-
+
diff --git a/src/app/layout.tsx b/src/app/layout.tsx index fee4649..53255e0 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -29,13 +29,14 @@ export default function RootLayout({ return ( {children} diff --git a/src/app/page.tsx b/src/app/page.tsx index 9a49a16..f657278 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -11,7 +11,7 @@ export default function LandingPage() { return (
{/* Hero Section */} -
+
@@ -62,7 +62,7 @@ export default function LandingPage() {
{/* Features Section */} -
+
@@ -108,7 +108,7 @@ export default function LandingPage() {
{/* Room Types Section */} -
+
@@ -129,7 +129,7 @@ export default function LandingPage() { { name: "Nursery", icon: "👶" }, { name: "Outdoor", icon: "🌳" }, ].map((room) => ( -
+
{room.icon}

{room.name}

@@ -140,7 +140,7 @@ export default function LandingPage() {
{/* Design Styles Section */} -
+
diff --git a/src/components/site-footer.tsx b/src/components/site-footer.tsx index 9ce3654..e491c30 100644 --- a/src/components/site-footer.tsx +++ b/src/components/site-footer.tsx @@ -2,7 +2,7 @@ import { Palette } from "lucide-react"; export function SiteFooter() { return ( -