Ugrade to mui 6, improve contrast

kubawajs · Oct 16, 2024 · 1c8541c · 1c8541c
1 parent f968b46
commit 1c8541c
Show file tree

Hide file tree

Showing 6 changed files with 81 additions and 74 deletions.
diff --git a/src/nursery-nav/.gitignore b/src/nursery-nav/.gitignore
@@ -10,6 +10,7 @@
 
 # production
 /build
+/dist
 
 # misc
 .DS_Store

diff --git a/src/nursery-nav/package-lock.json b/src/nursery-nav/package-lock.json
diff --git a/src/nursery-nav/package.json b/src/nursery-nav/package.json
@@ -8,8 +8,8 @@
 		"@emotion/react": "^11.11.4",
 		"@emotion/styled": "^11.11.0",
 		"@fontsource/roboto": "^5.0.8",
-		"@mui/icons-material": "^5.15.11",
-		"@mui/material": "^5.15.11",
+		"@mui/icons-material": "^6.1.4",
+		"@mui/material": "^6.1.4",
 		"@testing-library/jest-dom": "^5.17.0",
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/user-event": "^13.5.0",

diff --git a/src/nursery-nav/src/components/MapComponent/MapComponent.css b/src/nursery-nav/src/components/MapComponent/MapComponent.css
@@ -1,34 +1,34 @@
 @import 'leaflet/dist/leaflet.css';
 
 .marker-cluster-small {
-	background-color: #e6f3fb;
+	background-color: #4580c4;
 	color: #fff;
 }
 
 .marker-cluster-small div {
 	font-family: 'Roboto Latin', sans-serif;
 	font-weight: bold;
-	background-color: #4580c4;
+	background-color: #315292;
 }
 
 .marker-cluster-medium {
-	background-color: #4580c4;
+	background-color: #315292;
 	color: #fff;
 }
 
 .marker-cluster-medium div {
 	font-family: 'Roboto Latin', sans-serif;
 	font-weight: bold;
-	background-color: #315292;
+	background-color: #0d0c1d;
 }
 
 .marker-cluster-large {
-	background-color: #315292;
+	background-color: #0d0c1d;
 	color: #fff;
 }
 
 .marker-cluster-large div {
 	font-family: 'Roboto Latin', sans-serif;
 	font-weight: bold;
-	background-color: #0d0c1d;
+	background-color: #0000;
 }
diff --git a/src/nursery-nav/src/components/MapPin/MapPin.css b/src/nursery-nav/src/components/MapPin/MapPin.css
@@ -12,7 +12,7 @@
 }
 
 .map-pin-icon-nursery {
-    background-color: #4580c4;
+    background-color: #315292;
 }
 
 .map-pin-icon-childclub {

diff --git a/src/nursery-nav/src/shared/theme.tsx b/src/nursery-nav/src/shared/theme.tsx
@@ -5,8 +5,8 @@ export const theme = createTheme({
         mode: 'light',
         primary: {
             light: '#e6f3fb',
-            main: '#4580c4',
-            dark: '#315292',
+            main: '#315292',
+            dark: '#0d0c1d',
         },
         secondary: {
             light: '#f7e6f0',
-Original file line number
+Diff line change
@@ Expand Up / @@ -10,6 +10,7 @@ @@
     # production
     /build
+    /dist
     # misc
     .DS_Store
@@ Expand Down @@