[feat] fix list update + add dark mode and switch

2025-03-12 13:07:16 +08:00
parent 9103150562
commit 0c102dfd63
10 changed files with 240 additions and 18 deletions
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -10,8 +10,6 @@ body {
  height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  /* background: transparent; */
-  background: rgba(242, 241, 243, 0.65);
  border-radius: 10px;
 }

--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -15,7 +15,7 @@ export default function RootLayout({
 }) {
  return (
    <html lang="en">
-      <body>
+      <body className="bg-[rgba(242, 241, 243, 0.65)] dark:bg-zinc-900">
        <Providers>{children}</Providers>
      </body>
    </html>
--- a/src/app/providers.tsx
+++ b/src/app/providers.tsx
@@ -1,12 +1,15 @@
 "use client"
 import { HeroUIProvider } from "@heroui/react"
 import { ToastProvider } from "@heroui/toast"
+import { ThemeProvider as NextThemesProvider } from "next-themes"

 export default function Providers({ children }: { children: React.ReactNode }) {
  return (
    <HeroUIProvider className="h-full bg-transparent">
-      <ToastProvider toastOffset={10} placement="top-center" />
-      {children}
+      <NextThemesProvider attribute="class" defaultTheme="light">
+        <ToastProvider toastOffset={10} placement="top-center" />
+        {children}
+      </NextThemesProvider>
    </HeroUIProvider>
  )
 }