From 905f445641577d4de4115327b00629438d8f7545 Mon Sep 17 00:00:00 2001
From: Aj - Thomas <thomascamlong@gmail.com>
Date: Tue, 10 May 2022 18:57:41 +0200
Subject: [PATCH] Use custom theme

This is a step thowards personalisation for Changeable wallpaper feature. #32
---
 pages/_app.tsx | 10 +++++++++-
 tools/theme.ts |  5 +++++
 2 files changed, 14 insertions(+), 1 deletion(-)
 create mode 100644 tools/theme.ts

diff --git a/pages/_app.tsx b/pages/_app.tsx
index 40824fc6a..48877263c 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -7,6 +7,7 @@ import { MantineProvider, ColorScheme, ColorSchemeProvider } from '@mantine/core
 import { NotificationsProvider } from '@mantine/notifications';
 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;
@@ -27,7 +28,14 @@ export default function App(props: AppProps & { colorScheme: ColorScheme }) {
       </Head>
 
       <ColorSchemeProvider colorScheme={colorScheme} toggleColorScheme={toggleColorScheme}>
-        <MantineProvider theme={{ colorScheme }} withGlobalStyles withNormalizeCSS>
+        <MantineProvider
+          theme={{
+            ...theme,
+            colorScheme,
+          }}
+          withGlobalStyles
+          withNormalizeCSS
+        >
           <NotificationsProvider position="top-right">
             <ConfigProvider>
               <Layout>
diff --git a/tools/theme.ts b/tools/theme.ts
new file mode 100644
index 000000000..aa82fc5c4
--- /dev/null
+++ b/tools/theme.ts
@@ -0,0 +1,5 @@
+import { MantineProviderProps } from '@mantine/core';
+
+export const theme: MantineProviderProps['theme'] = {
+  
+};