update theme

src/gatsby-theme-material-ui-top-layout/theme.js

@@ -3,6 +3,24 @@ import { createMuiTheme, responsiveFontSizes } from '@material-ui/core/styles';
 const theme = createMuiTheme({
   palette: {
     type: 'dark',
+    primary: {
+      main: '#BB86FC',
+      contrastText: '#000',
+    },
+    secondary: {
+      main: '#03DAC6',
+      contrastText: '#000',
+    },
+  },
+  typography: {
+    h2: {
+      fontWeight: 400,
+    },
+  },
+  props: {
+    MuiLink: {
+      underline: 'none',
+    },
   },
 });
 

src/pages/index.js

@@ -8,8 +8,8 @@ import Link from '../components/Link';
 
 const LinkButton = ({ children, href, to }) => {
   return (
-    <Link href={href} to={to} underline="none">
-      <Button size="large" color="secondary" variant="contained">
+    <Link href={href} to={to}>
+      <Button size="large" color="primary" variant="contained">
         <Typography variant="h4">{children}</Typography>
       </Button>
     </Link>

src/pages/supported-versions.js

@@ -55,9 +55,7 @@ function SupportedVersionsPage({ location }) {
       <Container>
         <header>
           <Typography variant="h1" align="center">
-            <Link color="secondary" underline="none" to="/">
-              TWHelp
-            </Link>
+            <Link to="/">TWHelp</Link>
           </Typography>
           <Typography variant="h2" align="center" gutterBottom>
             Version selection
@@ -69,11 +67,7 @@ function SupportedVersionsPage({ location }) {
               <Card>
                 <CardHeader
                   title={
-                    <Link
-                      color="secondary"
-                      underline="none"
-                      href={buildURLToVersionPage(baseUrl, version.code)}
-                    >
+                    <Link href={buildURLToVersionPage(baseUrl, version.code)}>
                       {version.host}
                     </Link>
                   }