diff --git a/src/components/Layout/Footer.js b/src/components/Layout/Footer.js
index 139dfb3..1d3f75c 100644
--- a/src/components/Layout/Footer.js
+++ b/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>
diff --git a/src/features/IndexPage/IndexPage.js b/src/features/IndexPage/IndexPage.js
index b782b59..b5ea2a6 100644
--- a/src/features/IndexPage/IndexPage.js
+++ b/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>
diff --git a/src/gatsby-theme-material-ui-top-layout/theme.js b/src/gatsby-theme-material-ui-top-layout/theme.js
index 61d3a5d..b5965b0 100644
--- a/src/gatsby-theme-material-ui-top-layout/theme.js
+++ b/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: {
diff --git a/src/pages/404.js b/src/pages/404.js
index f362646..50c4cbd 100644
--- a/src/pages/404.js
+++ b/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>