feat: implement palette toggle component and update layout for dynamic theme support

2026-05-24 16:09:44 +08:00
parent 17959b18b4
commit b1bc1580d9
6 changed files with 311 additions and 67 deletions
@@ -22,6 +22,15 @@ const geistMono = Geist_Mono({
  subsets: ["latin"],
 })

+const paletteScript = `
+try {
+  var palette = window.localStorage.getItem("dashboard_palette");
+  document.documentElement.dataset.palette = palette === "blue" || palette === "gray" ? palette : "green";
+} catch (_) {
+  document.documentElement.dataset.palette = "green";
+}
+`
+
 export const metadata: Metadata = {
  title: "AI 客服后台管理系统",
  description: "AI 客服后台管理系统",
@@ -37,6 +46,7 @@ export default function RootLayout({
      <body
        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
      >
+        <script dangerouslySetInnerHTML={{ __html: paletteScript }} />
        <ThemeProvider>
          <AuthProvider>
            <ConfirmProvider>