From b7e8c51b29533760eec04b41899f0e438e7bdead Mon Sep 17 00:00:00 2001
From: ajnart <thomascamlong@gmail.com>
Date: Tue, 17 May 2022 00:19:41 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Use=20user=20prefered=20theme?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/_app.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 3b2271307..767597a45 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -5,14 +5,15 @@ import { getCookie, setCookies } from 'cookies-next';
 import Head from 'next/head';
 import { MantineProvider, ColorScheme, ColorSchemeProvider } from '@mantine/core';
 import { NotificationsProvider } from '@mantine/notifications';
-import { useHotkeys } from '@mantine/hooks';
+import { useColorScheme, useHotkeys } from '@mantine/hooks';
 import Layout from '../components/layout/Layout';
 import { ConfigProvider } from '../tools/state';
 import { theme } from '../tools/theme';
 
 export default function App(props: AppProps & { colorScheme: ColorScheme }) {
   const { Component, pageProps } = props;
-  const [colorScheme, setColorScheme] = useState<ColorScheme>(props.colorScheme);
+  const preferredColorScheme = useColorScheme();
+  const [colorScheme, setColorScheme] = useState<ColorScheme>(preferredColorScheme);
 
   const toggleColorScheme = (value?: ColorScheme) => {
     const nextColorScheme = value || (colorScheme === 'dark' ? 'light' : 'dark');