Merge pull request #141 from ktz-dev/system-color-preference

fix: Add use-system-settings color mode and make it the default
2024-09-07 13:22:56 +02:00
parent 4be115ccc5 be22b3a3d9
commit 1ace81736d
3 changed files with 29 additions and 8 deletions
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -50,11 +50,11 @@
     */
   }

-   .dark {
+   [data-theme='dark'], .dark {
      --background: 0 0% 0%;
      --foreground: 0 0% 98%;

-      --surface: rgb(23, 23, 23);
+      --surface: rgb(23, 23, 23); 

      --card: 0 0% 3.9%;
      --card-foreground: 0 0% 98%;
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -30,7 +30,6 @@ export default async function RootLayout({
      <body className={inter.className}>
        <ThemeProvider
          attribute="class"
-          defaultTheme="dark"
          enableSystem
          disableTransitionOnChange
        >