fix: theme

udecode · Sep 21, 2024 · 37d5697 · 37d5697
1 parent a8496b4
commit 37d5697
Show file tree

Hide file tree

Showing 8 changed files with 34 additions and 895 deletions.
diff --git a/apps/www/src/app/_components/home-tabs.tsx b/apps/www/src/app/_components/home-tabs.tsx
@@ -9,6 +9,7 @@ import { parseAsBoolean, useQueryState } from 'nuqs';
 
 import { BlockPreview } from '@/components/block-preview';
 import { settingsStore } from '@/components/context/settings-store';
+import { ThemeWrapper } from '@/components/theme-wrapper';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { Button } from '@/registry/default/plate-ui/button';
 
@@ -68,7 +69,9 @@ export default function HomeTabs() {
         </Button>
 
         <TabsContent className="pt-2" value="playground">
-          <BlockPreview className="max-w-[1336px]" />
+          <ThemeWrapper>
+            <BlockPreview className="max-w-[1336px]" />
+          </ThemeWrapper>
         </TabsContent>
 
         <TabsContent className="pt-2" value="installation">

diff --git a/apps/www/src/app/layout.tsx b/apps/www/src/app/layout.tsx
@@ -4,7 +4,6 @@ import type { Metadata, Viewport } from 'next';
 
 import { cn } from '@udecode/cn';
 
-import { Body } from '@/components/body';
 import { Providers } from '@/components/context/providers';
 import { SiteFooter } from '@/components/site-footer';
 import { SiteHeader } from '@/components/site-header';
@@ -86,12 +85,11 @@ export default function RootLayout({ children }: RootLayoutProps) {
   return (
     <html lang="en" suppressHydrationWarning>
       <head />
-      <Body
+      <body
         className={cn(
           'min-h-screen bg-background font-sans antialiased',
           fontSans.variable
         )}
-        defaultTheme="slate"
         suppressHydrationWarning
       >
         <Providers>
@@ -106,7 +104,7 @@ export default function RootLayout({ children }: RootLayoutProps) {
         <TailwindIndicator />
 
         <Toaster />
-      </Body>
+      </body>
     </html>
   );
 }
diff --git a/apps/www/src/components/body.tsx b/apps/www/src/components/body.tsx
diff --git a/apps/www/src/components/customizer-tabs.tsx b/apps/www/src/components/customizer-tabs.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 
 import { settingsStore } from './context/settings-store';
 import { PluginsTabContent } from './plugins-tab-content';
-import { ThemesTabContent } from './themes-tab-content';
+import { ThemeCustomizer } from './theme-customizer';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from './ui/tabs';
 
 export function CustomizerTabs() {
@@ -33,7 +33,7 @@ export function CustomizerTabs() {
           className="h-[calc(85vh-90px)] overflow-y-auto overflow-x-hidden overscroll-contain pt-2 md:h-[calc(100vh-64px)]"
           value="themes"
         >
-          <ThemesTabContent />
+          <ThemeCustomizer />
         </TabsContent>
       </Tabs>
     </div>