diff options
| author | lonkaars <l.leblansch@gmail.com> | 2021-04-22 12:35:53 +0200 |
|---|---|---|
| committer | lonkaars <l.leblansch@gmail.com> | 2021-04-22 12:35:53 +0200 |
| commit | fce651a618ca6d0d64fbcea757c3e0f582e1b437 (patch) | |
| tree | b49ff4a2e8b237b54fdc22f3c51e67af13d05c7f /pages/settings.tsx | |
| parent | b0d6721ba9c3cb0a74c376791d41e446a2f57d14 (diff) | |
beginnings of theme settings
Diffstat (limited to 'pages/settings.tsx')
| -rw-r--r-- | pages/settings.tsx | 12 |
1 files changed, 5 insertions, 7 deletions
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> |