webui: change primary color

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>
   );
 }