diff options
Diffstat (limited to 'pages')
| -rw-r--r-- | pages/_app.tsx | 1 | ||||
| -rw-r--r-- | pages/settings.tsx | 12 |
2 files changed, 6 insertions, 7 deletions
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'; @@ -102,12 +103,6 @@ export default function SettingsPage() { </div> </div> <div className='subsection'> - <ColorPicker /> - <div className='dispbl'> - <h3>Achtergrond</h3> - </div> - </div> - <div className='subsection'> <div className='floatr'> <CheckBox state={preferences?.darkMode} @@ -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> |