From fce651a618ca6d0d64fbcea757c3e0f582e1b437 Mon Sep 17 00:00:00 2001
From: lonkaars <l.leblansch@gmail.com>
Date: Thu, 22 Apr 2021 12:35:53 +0200
Subject: beginnings of theme settings

---
 pages/_app.tsx     |  1 +
 pages/settings.tsx | 12 +++++-------
 2 files changed, 6 insertions(+), 7 deletions(-)

(limited to 'pages')

diff --git a/pages/_app.tsx b/pages/_app.tsx
index f53a6ff..6cbd476 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -12,6 +12,7 @@ import '../styles/recentGames.css';
 import '../styles/toast.css';
 import '../styles/ui.css';
 import '../styles/utility.css';
+import '../styles/themepicker.css';
 
 import '../styles/game.css';
 import '../styles/gameSettings.css';
diff --git a/pages/settings.tsx b/pages/settings.tsx
index 0ca2c30..d2b23eb 100644
--- a/pages/settings.tsx
+++ b/pages/settings.tsx
@@ -1,6 +1,6 @@
 import axios from 'axios';
 import reduce from 'image-blob-reduce';
-import { useContext } from 'react';
+import { useContext, useEffect } from 'react';
 
 import { AccountAvatar } from '../components/account';
 import { Footer } from '../components/footer';
@@ -9,6 +9,7 @@ import { NavBar } from '../components/navbar';
 import { CenteredPage, PageTitle } from '../components/page';
 import PreferencesContext from '../components/preferencesContext';
 import { CheckBox, ColorPicker, IconLabelButton, Vierkant } from '../components/ui';
+import ThemePicker from '../components/themes';
 
 import EditOutlinedIcon from '@material-ui/icons/EditOutlined';
 import ExitToAppOutlinedIcon from '@material-ui/icons/ExitToAppOutlined';
@@ -101,12 +102,6 @@ export default function SettingsPage() {
 							<h3>Schijfjes</h3>
 						</div>
 					</div>
-					<div className='subsection'>
-						<ColorPicker />
-						<div className='dispbl'>
-							<h3>Achtergrond</h3>
-						</div>
-					</div>
 					<div className='subsection'>
 						<div className='floatr'>
 							<CheckBox
@@ -116,6 +111,9 @@ export default function SettingsPage() {
 						</div>
 						<h3>Donkere modus</h3>
 					</div>
+					<div className="subsection">
+						<ThemePicker preferences={preferences}/>
+					</div>
 				</Vierkant>
 				<Vierkant className='section gamerules w100m2m pad-l bg-800'>
 					<h2>Standaard spelregels</h2>
-- 
cgit v1.2.3