use font in themes

This commit is contained in:
nikk gitanes
2021-06-17 16:27:20 +03:00
parent 613429804c
commit e61b946b11
2 changed files with 3 additions and 1 deletions

View File

@@ -24,6 +24,7 @@ export const darkTheme = createMuiTheme({
primary: { main: '#00a572' }, primary: { main: '#00a572' },
background: { paper: '#575757' }, background: { paper: '#575757' },
}, },
typography: { fontFamily: 'Open Sans, sans-serif' },
}) })
export const lightTheme = createMuiTheme({ export const lightTheme = createMuiTheme({
palette: { palette: {
@@ -31,6 +32,7 @@ export const lightTheme = createMuiTheme({
primary: { main: '#00a572' }, primary: { main: '#00a572' },
background: { paper: '#cbe8d9' }, background: { paper: '#cbe8d9' },
}, },
typography: { fontFamily: 'Open Sans, sans-serif' },
}) })
export default function App() { export default function App() {

View File

@@ -19,7 +19,7 @@ export const CenteredGrid = styled.div`
export const AppHeader = styled.div` export const AppHeader = styled.div`
background: #00a572; background: #00a572;
color: #1a1a1a; color: #eee;
grid-area: head; grid-area: head;
display: grid; display: grid;
grid-auto-flow: column; grid-auto-flow: column;