refactor: grayscale style for better contrast and flatter colors

styles/src/flavors.ts

@@ -397,85 +397,97 @@ export const WHITE: Flavor = {
 };
 
 export const GRAYSCALE: Flavor = {
-  background: "#a3a3a3",
-  earth: "#cccccc",
-  park_a: "#c2c2c2",
-  park_b: "#c2c2c2",
-  hospital: "#d0d0d0",
-  industrial: "#c6c6c6",
-  school: "#d0d0d0",
-  wood_a: "#c2c2c2",
-  wood_b: "#c2c2c2",
-  pedestrian: "#c4c4c4",
-  scrub_a: "#c2c2c2",
-  scrub_b: "#c2c2c2",
-  glacier: "#d2d2d2",
-  sand: "#d2d2d2",
-  beach: "#d2d2d2",
-  aerodrome: "#c9c9c9",
-  runway: "#f5f5f5",
-  water: "#a3a3a3",
-  zoo: "#c7c7c7",
-  military: "#bfbfbf",
-
-  tunnel_other_casing: "#b8b8b8",
-  tunnel_minor_casing: "#b8b8b8",
-  tunnel_link_casing: "#b8b8b8",
-  tunnel_major_casing: "#b8b8b8",
-  tunnel_highway_casing: "#b8b8b8",
-  tunnel_other: "#d6d6d6",
-  tunnel_minor: "#d6d6d6",
-  tunnel_link: "#d6d6d6",
-  tunnel_major: "#d6d6d6",
-  tunnel_highway: "#d6d6d6",
-
-  pier: "#b8b8b8",
-  buildings: "#e0e0e0",
-
-  minor_service_casing: "#cccccc",
-  minor_casing: "#cccccc",
-  link_casing: "#cccccc",
-  major_casing_late: "#cccccc",
-  highway_casing_late: "#cccccc",
-  other: "#e0e0e0",
-  minor_service: "#e0e0e0",
-  minor_a: "#ebebeb",
-  minor_b: "#e0e0e0",
-  link: "#ebebeb",
-  major_casing_early: "#cccccc",
-  major: "#ebebeb",
-  highway_casing_early: "#cccccc",
-  highway: "#ebebeb",
-
-  railway: "#f5f5f5",
-  boundaries: "#5c5c5c",
+  background: "#2e2e2e",
+  earth: "#2e2e2e",
+  park_a: "#383838",
+  park_b: "#383838",
+  hospital: "#404040",
+  industrial: "#383838",
+  school: "#404040",
+  wood_a: "#383838",
+  wood_b: "#383838",
+  pedestrian: "#404040",
+  scrub_a: "#2e2e2e",
+  scrub_b: "#2e2e2e",
+  glacier: "#666666",
+  sand: "#404040",
+  beach: "#404040",
+  aerodrome: "#383838",
+  runway: "#666666",
+  water: "#1d1d1d",
+  zoo: "#383838",
+  military: "#383838",
+
+  tunnel_other_casing: "#2e2e2e",
+  tunnel_minor_casing: "#2e2e2e",
+  tunnel_link_casing: "#2e2e2e",
+  tunnel_major_casing: "#2e2e2e",
+  tunnel_highway_casing: "#2e2e2e",
+  tunnel_other: "#454545",
+  tunnel_minor: "#454545",
+  tunnel_link: "#454545",
+  tunnel_major: "#4b4b4b",
+  tunnel_highway: "#494949",
+
+  pier: "#2e2e2e",
+  buildings: "#525252",
+
+  minor_service_casing: "#2e2e2e",
+  minor_casing: "#2e2e2e",
+  link_casing: "#2e2e2e",
+  major_casing_late: "#2e2e2e",
+  highway_casing_late: "#2e2e2e",
+  other: "#454545",
+  minor_service: "#454545",
+  minor_a: "#454545",
+  minor_b: "#454545",
+  link: "#454545",
+  major_casing_early: "#2e2e2e",
+  major: "#4b4b4b",
+  highway_casing_early: "#2e2e2e",
+  highway: "#494949",
+
+  railway: "#737373",
+  boundaries: "#999999",
+  waterway_label: "#b3b3b3",
+
+  bridges_other_casing: "#2e2e2e",
+  bridges_minor_casing: "#2e2e2e",
+  bridges_link_casing: "#2e2e2e",
+  bridges_major_casing: "#2e2e2e",
+  bridges_highway_casing: "#2e2e2e",
+  bridges_other: "#454545",
+  bridges_minor: "#454545",
+  bridges_link: "#454545",
+  bridges_major: "#4b4b4b",
+  bridges_highway: "#494949",
+
+  roads_label_minor: "#e6e6e6",
+  roads_label_minor_halo: "#262626",
+  roads_label_major: "#e6e6e6",
+  roads_label_major_halo: "#262626",
+  ocean_label: "#b3b3b3",
+  peak_label: "#d9d9d9",
+  subplace_label: "#d9d9d9",
+  subplace_label_halo: "#262626",
+  city_label: "#f2f2f2",
+  city_label_halo: "#262626",
+  state_label: "#b3b3b3",
+  state_label_halo: "#262626",
+  country_label: "#b3b3b3",
 
-  bridges_other_casing: "#cccccc",
-  bridges_minor_casing: "#cccccc",
-  bridges_link_casing: "#cccccc",
-  bridges_major_casing: "#cccccc",
-  bridges_highway_casing: "#cccccc",
-  bridges_other: "#e0e0e0",
-  bridges_minor: "#e0e0e0",
-  bridges_link: "#ebebeb",
-  bridges_major: "#ebebeb",
-  bridges_highway: "#ebebeb",
+  landcover: {
+    grassland: "#323232",
+    barren: "#323232",
+    urban_area: "#323232",
+    farmland: "#323232",
+    glacier: "#323232",
+    scrub: "#323232",
+    forest: "#323232",
+  },
 
-  roads_label_minor: "#999999",
-  roads_label_minor_halo: "#e0e0e0",
-  roads_label_major: "#8f8f8f",
-  roads_label_major_halo: "#ebebeb",
-  ocean_label: "#7a7a7a",
-  subplace_label: "#7a7a7a",
-  subplace_label_halo: "#cccccc",
-  city_label: "#474747",
-  city_label_halo: "#cccccc",
-  state_label: "#999999",
-  state_label_halo: "#cccccc",
-  country_label: "#858585",
-
-  address_label: "#999999",
-  address_label_halo: "#e0e0e0",
+  address_label: "#d9d9d9",
+  address_label_halo: "#262626",
 };
 
 export const BLACK: Flavor = {