diff options
| -rw-r--r-- | webui/src/App.js | 13 |
1 files changed, 11 insertions, 2 deletions
diff --git a/webui/src/App.js b/webui/src/App.js index 4a52eca1..2dddb3eb 100644 --- a/webui/src/App.js +++ b/webui/src/App.js @@ -1,5 +1,6 @@ import AppBar from '@material-ui/core/AppBar'; import CssBaseline from '@material-ui/core/CssBaseline'; +import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles'; import { makeStyles } from '@material-ui/styles'; import Toolbar from '@material-ui/core/Toolbar'; import React from 'react'; @@ -9,6 +10,14 @@ import { Link } from 'react-router-dom'; import BugQuery from './bug/BugQuery'; import ListQuery from './list/ListQuery'; +const theme = createMuiTheme({ + palette: { + primary: { + main: '#263238', + }, + }, +}); + const useStyles = makeStyles(theme => ({ appTitle: { ...theme.typography.h6, @@ -21,7 +30,7 @@ export default function App() { const classes = useStyles(); return ( - <> + <ThemeProvider theme={theme}> <CssBaseline /> <AppBar position="static" color="primary"> <Toolbar> @@ -34,6 +43,6 @@ export default function App() { <Route path="/" exact component={ListQuery} /> <Route path="/bug/:id" exact component={BugQuery} /> </Switch> - </> + </ThemeProvider> ); } |