update primary/secondary color

src/components/Layout/Footer.js

@@ -35,9 +35,7 @@ function Footer({ author, lang }) {
         <Toolbar disableGutters>
           <Typography align="center" className={classes.copyright}>
             {translations.backgroundCredits}{' '}
-            <Link color="secondary" href="https://svgbackgrounds.com">
-              svgbackgrounds.com
-            </Link>
+            <Link href="https://svgbackgrounds.com">svgbackgrounds.com</Link>
             . <br /> &copy; {new Date().getFullYear()} {author}
           </Typography>
         </Toolbar>

src/features/IndexPage/IndexPage.js

@@ -82,12 +82,11 @@ const IndexPage = ({ location, pageContext }) => {
             </Typography>
             <Typography gutterBottom>{t.header.description}</Typography>
             <Divider variant="fullWidth" className={classes.divider} />
-            <ButtonGroup variant="contained" color="secondary">
+            <ButtonGroup variant="contained" color="primary">
               <Button>
                 <Link
                   href={data.site.siteMetadata.botInviteUrl}
                   color="inherit"
-                  underline="none"
                   title={t.header.inviteBot}
                 >
                   {t.header.inviteBot}
@@ -97,7 +96,7 @@ const IndexPage = ({ location, pageContext }) => {
                 <Link
                   to={routes[pageContext.langKey].COMMANDS_PAGE}
                   color="inherit"
-                  underline="none"
+                  title={t.header.commands}
                 >
                   {t.header.commands}
                 </Link>

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',
+    },
   },
   overrides: {
     MuiCssBaseline: {

src/pages/404.js

@@ -43,9 +43,7 @@ const NotFoundPage = ({ location, pageContext }) => {
           exist on this site.
         </Typography>
         <Typography variant="h4">
-          <Link color="secondary" to="/">
-            Back to our site
-          </Link>
+          <Link to="/">Back to our site</Link>
         </Typography>
       </Container>
     </Layout>