feat: switch theme toggle to cycle button

Change theme toggle from dropdown to cycle button for three modes. Co-authored-by: Simon <85533298+handsomezhuzhu@users.noreply.github.com>
2026-02-20 19:50:15 +00:00 · 2026-01-15 17:04:43 +00:00
parent 4a8fbb7ffe
commit fbf31facd8
2 changed files with 29 additions and 24 deletions
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -27,7 +27,13 @@ export default function RootLayout({
  return (
    <html lang="zh-CN" suppressHydrationWarning>
      <body className={`font-sans antialiased`}>
-        <ThemeProvider defaultTheme="system" storageKey="2fa-theme">
+        <ThemeProvider
+          attribute="class"
+          defaultTheme="system"
+          enableSystem
+          disableTransitionOnChange
+          storageKey="2fa-theme"
+        >
          <LanguageProvider>{children}</LanguageProvider>
        </ThemeProvider>
        <Analytics />