From ef41427154986d4cca30acfa596905ef42cd462d Mon Sep 17 00:00:00 2001
From: Kichiyaki <dawidwysokinski000@gmail.com>
Date: Mon, 4 Jan 2021 19:28:19 +0100
Subject: [PATCH] update primary/secondary color

---
 src/features/NotFoundPage/NotFoundPage.tsx             |  4 +---
 .../components/Sidebar/components/Nav/ListItem.tsx     |  2 +-
 src/features/ServerPage/features/MapPage/MapPage.tsx   |  6 +++---
 .../ServerPage/features/WarStatsPage/WarStatsPage.tsx  |  2 +-
 src/theme/createTheme.ts                               | 10 +++++++++-
 5 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/features/NotFoundPage/NotFoundPage.tsx b/src/features/NotFoundPage/NotFoundPage.tsx
index e70b5ba..40abcdb 100644
--- a/src/features/NotFoundPage/NotFoundPage.tsx
+++ b/src/features/NotFoundPage/NotFoundPage.tsx
@@ -33,9 +33,7 @@ const NotFoundPage = () => {
           {t('description')}
         </Typography>
         <Typography variant="h4">
-          <Link color="secondary" to={INDEX_PAGE}>
-            {t('backToOurSite')}
-          </Link>
+          <Link to={INDEX_PAGE}>{t('backToOurSite')}</Link>
         </Typography>
       </Container>
     </main>
diff --git a/src/features/ServerPage/common/PageLayout/components/Sidebar/components/Nav/ListItem.tsx b/src/features/ServerPage/common/PageLayout/components/Sidebar/components/Nav/ListItem.tsx
index d1825c6..be835a1 100644
--- a/src/features/ServerPage/common/PageLayout/components/Sidebar/components/Nav/ListItem.tsx
+++ b/src/features/ServerPage/common/PageLayout/components/Sidebar/components/Nav/ListItem.tsx
@@ -93,7 +93,7 @@ const useStyles = makeStyles(theme => ({
     width: '100%',
   },
   activeLink: {
-    color: theme.palette.secondary.main,
+    color: theme.palette.primary.main,
   },
 }));
 
diff --git a/src/features/ServerPage/features/MapPage/MapPage.tsx b/src/features/ServerPage/features/MapPage/MapPage.tsx
index 8fa970c..d9b6440 100644
--- a/src/features/ServerPage/features/MapPage/MapPage.tsx
+++ b/src/features/ServerPage/features/MapPage/MapPage.tsx
@@ -383,7 +383,7 @@ function MapPage() {
                 <Button
                   variant="contained"
                   fullWidth
-                  color="secondary"
+                  color="primary"
                   onClick={handleAddTribeMarker}
                   disabled={tribeMarkers.length >= 25}
                 >
@@ -425,7 +425,7 @@ function MapPage() {
                 <Button
                   variant="contained"
                   fullWidth
-                  color="secondary"
+                  color="primary"
                   onClick={handleAddPlayerMarker}
                   disabled={playerMarkers.length >= 25}
                 >
@@ -438,7 +438,7 @@ function MapPage() {
                 <Button
                   type="submit"
                   size="large"
-                  color="secondary"
+                  color="primary"
                   variant="contained"
                 >
                   {t('buttons.generateMap')}
diff --git a/src/features/ServerPage/features/WarStatsPage/WarStatsPage.tsx b/src/features/ServerPage/features/WarStatsPage/WarStatsPage.tsx
index 212d3ee..e5077a4 100644
--- a/src/features/ServerPage/features/WarStatsPage/WarStatsPage.tsx
+++ b/src/features/ServerPage/features/WarStatsPage/WarStatsPage.tsx
@@ -304,7 +304,7 @@ function WarStatsPage() {
                 <Button
                   type="submit"
                   size="large"
-                  color="secondary"
+                  color="primary"
                   variant="contained"
                   disabled={
                     isSubmitting ||
diff --git a/src/theme/createTheme.ts b/src/theme/createTheme.ts
index f315d8e..6c8f44d 100644
--- a/src/theme/createTheme.ts
+++ b/src/theme/createTheme.ts
@@ -9,6 +9,14 @@ const createTheme = (): Theme => {
     createMuiTheme({
       palette: {
         type: 'dark',
+        primary: {
+          main: '#BB86FC',
+          contrastText: '#000',
+        },
+        secondary: {
+          main: '#03DAC6',
+          contrastText: '#000',
+        },
       },
       typography: {
         h2: {
@@ -24,7 +32,7 @@ const createTheme = (): Theme => {
           color: 'default',
         },
         MuiLink: {
-          color: 'secondary',
+          // color: 'secondary',
           underline: 'none',
         },
       },