feat: update theme management across the application; change default theme to 'light', disable system theme option, and add ThemeCard component in settings for enhanced user customization

2025-12-23 07:59:33 +01:00
parent b2eac21bdf
commit e0597b0dcb
5 changed files with 101 additions and 4 deletions
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -27,8 +27,8 @@ export default function RootLayout({
      <body className="font-sans antialiased">
        <ThemeProvider
          attribute="class"
-          defaultTheme="system"
-          enableSystem
+          defaultTheme="light"
+          enableSystem={false}
          disableTransitionOnChange
        >
          <BackgroundProvider />
--- a/app/settings/page.tsx
+++ b/app/settings/page.tsx
@@ -10,6 +10,7 @@ import {
  PasswordCard,
  ReconcileDateRangeCard,
  BackgroundCard,
+  ThemeCard,
 } from "@/components/settings";
 import { useBankingData } from "@/lib/hooks";
 import type { BankingData } from "@/lib/types";
@@ -127,6 +128,8 @@ export default function SettingsPage() {

        <PasswordCard />

+        <ThemeCard />
+
        <BackgroundCard />

        <ReconcileDateRangeCard />