blob: 59c30fcde7e9881c3a40392e8a4a4b904ca2ce17 [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',
pineafane0283a82022-02-13 10:05:56 +000019 hint: '#E4E4E4',
20 panelColor: "#F0F0F0",
pineafandf39fd42021-09-04 16:05:27 +010021
Skyler Turner16c08d32021-11-04 20:06:50 +000022 modes: {
23 dark: {
24 text: '#ffffff',
25 background: '#252525',
26 primary: '#6576CC',
27 cardText: '#424242',
28 cardBackground: 'rgba(0, 0, 0, 0.65)',
29 cardBorder: '#424242',
pineafana841c762021-11-14 21:21:04 +000030 cardFilter: 'brightness(0.5)',
Skyler Turner16c08d32021-11-04 20:06:50 +000031 cardOverlay: '#42424280',
pineafane0283a82022-02-13 10:05:56 +000032 hint: '#242424',
33 panelColor: "rgba(255, 255, 255, 0.05)"
Skyler Turner16c08d32021-11-04 20:06:50 +000034 }
35 }
36 },
37};
38
Samuel Shuert016ea022021-09-01 16:17:24 -050039
pineafana5ce9102021-09-02 17:21:31 +010040function App({ Component, pageProps }) {
41 return <>
Skyler Turner16c08d32021-11-04 20:06:50 +000042 <ThemeProvider theme={theme}>
43 <Component {...pageProps} />
44 <NavBar />
45 </ThemeProvider>
pineafana5ce9102021-09-02 17:21:31 +010046 </>
Samuel Shuert016ea022021-09-01 16:17:24 -050047}
48
pineafana5ce9102021-09-02 17:21:31 +010049export default App