Change map pins styling

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

Hide file tree

Showing 3 changed files with 8 additions and 11 deletions.
diff --git a/src/nursery-nav/src/components/MapComponent/MapComponent.css b/src/nursery-nav/src/components/MapComponent/MapComponent.css
@@ -1,25 +1,27 @@
 @import 'leaflet/dist/leaflet.css';
 
 .marker-cluster-small {
-	background-color: #4580c4;
+	background-image: linear-gradient(to right, #4580c4, #315292);
 	color: #fff;
 }
 
 .marker-cluster-small div {
 	font-family: 'Roboto Latin', sans-serif;
 	font-weight: bold;
-	background-color: #315292;
+	font-size: medium;
+	background-image: linear-gradient(to right, #4580c4, #315292);
 }
 
 .marker-cluster-medium {
+	background-image: linear-gradient(to right, #315292, #0d0c1d);
 	background-color: #315292;
 	color: #fff;
 }
 
 .marker-cluster-medium div {
 	font-family: 'Roboto Latin', sans-serif;
 	font-weight: bold;
-	background-color: #0d0c1d;
+	background-image: linear-gradient(to right, #315292, #0d0c1d);
 }
 
 .marker-cluster-large {
@@ -30,5 +32,5 @@
 .marker-cluster-large div {
 	font-family: 'Roboto Latin', sans-serif;
 	font-weight: bold;
-	background-color: #0000;
+	background-color: #0d0c1d;
 }
diff --git a/src/nursery-nav/src/components/MapPin/MapPin.css b/src/nursery-nav/src/components/MapPin/MapPin.css
@@ -12,11 +12,11 @@
 }
 
 .map-pin-icon-nursery {
-    background-color: #315292;
+    background-image: linear-gradient(to right, #4580c4, #315292);
 }
 
 .map-pin-icon-childclub {
-    background-color: #c44580;
+    background-image: linear-gradient(to right, #c44580, #6f365d);
 }
 
 .map-pin-div-icon {

diff --git a/src/nursery-nav/src/shared/theme.tsx b/src/nursery-nav/src/shared/theme.tsx
@@ -13,11 +13,6 @@ export const theme = createTheme({
             main: '#c44580',
             dark: '#6f365d',
         },
-        success: {
-            light: '#d1e9c8',
-            main: '#4caf50',
-            dark: '#27632a',
-        },
         text: {
             primary: '#0d0c1d',
             secondary: '#5e5d70',