update primary/secondary color

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>

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

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

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 ||

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',
         },
       },