Light mode

midday-ai · Dec 2, 2023 · be4f340 · be4f340
1 parent 020d602
commit be4f340
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/apps/dashboard/src/components/theme-provider.tsx b/apps/dashboard/src/components/theme-provider.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import { ThemeProvider as NextThemesProvider } from "next-themes";
-import { type ThemeProviderProps } from "next-themes/dist/types";
 import * as React from "react";
+type ThemeProviderProps = Parameters<typeof NextThemesProvider>[0];
 
 export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
   return <NextThemesProvider {...props}>{children}</NextThemesProvider>;

diff --git a/apps/website/src/app/layout.tsx b/apps/website/src/app/layout.tsx
@@ -23,7 +23,7 @@ export const metadata: Metadata = {
 
 export default function Layout({ children }: { children: ReactElement }) {
   return (
-    <html lang="en" className="dark whitespace-pre-line">
+    <html lang="en" className="whitespace-pre-line" suppressHydrationWarning>
       <body className={cn(fontSans.variable, "bg-background")}>
         <ThemeProvider
           attribute="class"

diff --git a/apps/website/src/components/startpage.tsx b/apps/website/src/components/startpage.tsx
@@ -45,7 +45,7 @@ export function StartPage() {
   const [isSubmitted, setSubmitted] = useState(false);
 
   return (
-    <div className="h-screen relative min-h-[770px] md:min-h-[1180px]">
+    <div className="h-screen relative min-h-[770px] dark:min-h-[1040px] md:min-h-[1180px] dark:md:min-h-[1180px]">
       <Header />
       <div className="px-5 lg:px-10">
         <div className="text-center mt-16 md:mt-20">

diff --git a/apps/website/src/components/theme-provider.tsx b/apps/website/src/components/theme-provider.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import { ThemeProvider as NextThemesProvider } from "next-themes";
-import { type ThemeProviderProps } from "next-themes/dist/types";
 import * as React from "react";
+type ThemeProviderProps = Parameters<typeof NextThemesProvider>[0];
 
 export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
   return <NextThemesProvider {...props}>{children}</NextThemesProvider>;