blob: 23c45ff483af9742f12f998065cb1c14473e94cb [file] [log] [blame]
pineafandf39fd42021-09-04 16:05:27 +01001import '../styles/globals.css';
2import NavBar from '../Components/NavBar';
Skyler Turner16c08d32021-11-04 20:06:50 +00003import { ThemeProvider } from 'theme-ui';
pineafandf39fd42021-09-04 16:05:27 +01004
Skyler Turner16c08d32021-11-04 20:06:50 +00005const theme = {
6 config: {
7 useColorSchemeMediaQuery: true,
8 initialColorModeName: 'light',
9 },
10 colors: {
11 text: '#424242',
12 background: '#ffffff',
13 primary: '#6576CC',
14 cardText: '#ffffff',
15 cardBackground: 'rgba(255, 255, 255, 0.65)',
16 cardBorder: '#C4C4C4',
17 cardFilter: 'rgba(0, 0, 0, 0)',
18 cardOverlay: '#00000080',
19 hint: '#f1f1f1',
pineafandf39fd42021-09-04 16:05:27 +010020
Skyler Turner16c08d32021-11-04 20:06:50 +000021 modes: {
22 dark: {
23 text: '#ffffff',
24 background: '#252525',
25 primary: '#6576CC',
26 cardText: '#424242',
27 cardBackground: 'rgba(0, 0, 0, 0.65)',
28 cardBorder: '#424242',
29 cardFilter: 'brightness(0.7)',
30 cardOverlay: '#42424280',
31 hint: '#101010',
32 }
33 }
34 },
35};
36
Samuel Shuert016ea022021-09-01 16:17:24 -050037
pineafana5ce9102021-09-02 17:21:31 +010038function App({ Component, pageProps }) {
39 return <>
Skyler Turner16c08d32021-11-04 20:06:50 +000040 <ThemeProvider theme={theme}>
41 <Component {...pageProps} />
42 <NavBar />
43 </ThemeProvider>
pineafana5ce9102021-09-02 17:21:31 +010044 </>
Samuel Shuert016ea022021-09-01 16:17:24 -050045}
46
pineafana5ce9102021-09-02 17:21:31 +010047export default App