themed-button, themed-mapview, selectChantier maj

constants/theme.ts

@@ -39,6 +39,128 @@ export const Colors = {
   },
 };
 
+export const MapColor = {
+  light:[
+    { elementType: 'geometry', stylers: [{ color: '#E8E8E8' }] },
+    { elementType: 'labels.icon', stylers: [{ visibility: 'off' }] },
+    { elementType: 'labels.text.fill', stylers: [{ color: '#101010' }] },
+    { elementType: 'labels.text.stroke', stylers: [{ color: '#F0F0F0' }] },
+    {
+      featureType: 'administrative',
+      elementType: 'geometry',
+      stylers: [{ color: '#000000' }],
+    },
+    {
+      featureType: 'landscape',
+      elementType: 'geometry',
+      stylers: [{ color: '#d3f8e2' }],
+    },
+    {
+      featureType: 'landscape.man_made',
+      elementType: 'geometry',
+      stylers: [{ color: '#f5f3f3' }],
+    },
+    {
+      featureType: 'landscape.natural.terrain',
+      elementType: 'geometry',
+      stylers: [{ color: '#b5efcd' }],
+    },
+    {
+      featureType: 'poi',
+      elementType: 'geometry',
+      stylers: [{ color: '#c3f1d5' }],
+    },
+    {
+      featureType: 'poi.medical',
+      elementType: 'geometry',
+      stylers: [{ color: '#fce8e6' }],
+    },
+    {
+      featureType: 'road',
+      elementType: 'geometry.fill',
+      stylers: [{ color: '#A0B0C0' }],
+    },
+    {
+      featureType: 'water',
+      elementType: 'geometry',
+      stylers: [{ color: '#7dd5e9' }],
+    },
+  ],
+  dark: [
+    { elementType: 'geometry', stylers: [{ color: '#252525' }] },
+    { elementType: 'labels.icon', stylers: [{ visibility: 'off' }] },
+    { elementType: 'labels.text.fill', stylers: [{ color: '#F0F0F0' }] },
+    { elementType: 'labels.text.stroke', stylers: [{ color: '#101010' }] },
+    {
+      featureType: 'administrative',
+      elementType: 'geometry',
+      stylers: [{ color: '#FFFFFF' }],
+    },
+    {
+      featureType: 'landscape',
+      elementType: 'geometry',
+      stylers: [{ color: '#264131' }],
+    },
+    {
+      featureType: 'landscape.man_made',
+      elementType: 'geometry',
+      stylers: [{ color: '#202020' }],
+    },
+    {
+      featureType: 'landscape.natural.terrain',
+      elementType: 'geometry',
+      stylers: [{ color: '#253f30' }],
+    },
+    {
+      featureType: 'poi',
+      elementType: 'geometry',
+      stylers: [{ color: '#103010' }],
+    },
+    {
+      featureType: 'poi.medical',
+      elementType: 'geometry',
+      stylers: [{ color: '#483030' }],
+    },
+    {
+      featureType: 'road',
+      elementType: 'geometry.fill',
+      stylers: [{ color: '#A0A0A0' }],
+    },
+    {
+      featureType: 'water',
+      elementType: 'geometry',
+      stylers: [{ color: '#3E6A74' }],
+    },
+  ],
+}
+
+const darkMapStyle = [
+  { elementType: 'geometry', stylers: [{ color: '#212121' }] },
+  { elementType: 'labels.icon', stylers: [{ visibility: 'off' }] },
+  { elementType: 'labels.text.fill', stylers: [{ color: '#757575' }] },
+  { elementType: 'labels.text.stroke', stylers: [{ color: '#212121' }] },
+  {
+    featureType: 'administrative',
+    elementType: 'geometry',
+    stylers: [{ color: '#757575' }],
+  },
+  {
+    featureType: 'poi',
+    elementType: 'geometry',
+    stylers: [{ color: '#282828' }],
+  },
+  {
+    featureType: 'road',
+    elementType: 'geometry.fill',
+    stylers: [{ color: '#383838' }],
+  },
+  {
+    featureType: 'water',
+    elementType: 'geometry',
+    stylers: [{ color: '#000000' }],
+  },
+];
+
 export const Fonts = Platform.select({
   ios: {
     /** iOS `UIFontDescriptorSystemDesignDefault` */