Change colors to consistent hex rgb

rt-evil-inc · Sep 16, 2024 · dbd34ed · dbd34ed
1 parent f80c3e1
commit dbd34ed
Showing 1 changed file with 48 additions and 48 deletions.
diff --git a/src/lib/mapStyle.ts b/src/lib/mapStyle.ts
@@ -29,7 +29,7 @@ export function getMapStyle(): maplibregl.StyleSpecification {
         inner: "#EAEAEA"
       },
       bridge: {
-        casing: "rgb(213, 213, 213)",
+        casing: "#d5d5d5",
       }
     },
     railway: {
@@ -52,24 +52,24 @@ export function getMapStyle(): maplibregl.StyleSpecification {
       }
     },
     landcover: {
-      iceShelf: "hsl(0,0%,98%)",
+      iceShelf: "#fafafa",
       sand: "#f8f1e1",
-      glacier: "hsl(0,0%,98%)"
+      glacier: "#fafafa"
     },
     highway: {
-      minor: "#fff",
+      minor: "#ffffff",
       major: {
         casing: "#d5d5d5",
         inner: [
           "interpolate",
           ["linear"],
           ["zoom"],
           5.8,
-          "hsla(0,0%,85%,0.53)",
+          "#d9d9d987",
           6,
-          "#fff"
+          "#ffffff"
         ] satisfies DataDrivenPropertyValueSpecification<string>,
-        subtle: "hsla(0,0%,85%,0.69)"
+        subtle: "#d9d9d9b0"
       },
       motorway: {
         casing: "#d5d5d5",
@@ -78,11 +78,11 @@ export function getMapStyle(): maplibregl.StyleSpecification {
           ["linear"],
           ["zoom"],
           5.8,
-          "hsla(0,0%,85%,0.53)",
+          "#d9d9d987",
           6,
-          "#fff"
+          "#ffffff"
         ] satisfies DataDrivenPropertyValueSpecification<string>,
-        subtle: "hsla(0,0%,85%,0.53)",
+        subtle: "#d9d9d987",
         bridge: {
           casing: "#d5d5d5",
           inner: [
@@ -92,54 +92,54 @@ export function getMapStyle(): maplibregl.StyleSpecification {
             5.8,
             "hsla(0,0%,85%,0.53)",
             6,
-            "#fff"
+            "#ffffff"
           ] satisfies DataDrivenPropertyValueSpecification<string>
         },
         name: {
-          text: "rgb(117, 129, 145)",
-          halo: "#fff"
+          text: "#758191",
+          halo: "#ffffff"
         }
       },
       other: {
-        text: "#bbb",
-        halo: "#fff"
+        text: "#bbbbbb",
+        halo: "#ffffff"
       }
     },
     ferry: {
-      lineColor: "rgba(161, 191, 255, 0.49)"
-    },
-    boundary: {
-      line: "rgb(230, 204, 207)",
-    },
-    building: {
-      outline: "rgba(219, 219, 219, 1)",
-      fill: "rgba(231, 231, 231, 1)",
-      fill3D: "rgba(249, 249, 249, 1)"
-    },
-    place: {
-      text: "rgb(117, 129, 145)",
-      halo: "rgb(242,243,240)",
-      state: "rgb(113, 129, 144)",
-      country: {
-        text: [
-          "interpolate",
-          ["linear"],
-          ["zoom"],
-          3,
-          "rgb(157,169,177)",
-          4,
-          "rgb(153, 153, 153)"
-        ] satisfies DataDrivenPropertyValueSpecification<string>,
-        halo: "rgba(236,236,234,0.7)",
-      }
-    },
-    water: {
-      name: {
-        text: "rgb(157,169,177)",
-        halo: "rgb(242,243,240)"
-      }
+      lineColor: "#a1bfff7d"
     },
-    road: "rgb(242,243,240)"
+boundary: {
+  line: "#e6cccf",
+},
+building: {
+  outline: "#dbdbdbff",
+  fill: "#e7e7e7ff",
+  fill3D: "#f9f9f9ff"
+},
+place: {
+  text: "#758191",
+  halo: "#f2f3f0",
+  state: "#718190",
+  country: {
+    text: [
+      "interpolate",
+      ["linear"],
+      ["zoom"],
+      3,
+      "#9da9b1",
+      4,
+      "#999999"
+    ] satisfies DataDrivenPropertyValueSpecification<string>,
+    halo: "#ececeab2",
+  }
+},
+water: {
+  name: {
+    text: "#9da9b1",
+    halo: "#f2f3f0"
+  }
+},
+road: "#f2f3f0"
   };
 
   return {