add pink theme

app/App.tsx

@@ -5,7 +5,7 @@ import maplibregl from "maplibre-gl";
 import { StyleSpecification } from "maplibre-gl";
 import { Theme, layersWithCustomTheme } from "protomaps-themes-base";
 
-const THEMES = ["contrast", "bright", "calm", "black_and_white"];
+const THEMES = ["contrast", "bright", "calm", "black_and_white", "pink"];
 
 const themeToLayers = new Map<string, Theme>();
 
@@ -21,6 +21,9 @@ themeToLayers.set("calm", calm);
 import black_and_white from "../themes/black_and_white.ts";
 themeToLayers.set("black_and_white", black_and_white);
 
+import pink from "../themes/pink.ts";
+themeToLayers.set("pink", pink);
+
 const getStyle = (index: number):StyleSpecification => {
   let themeName = THEMES[index];
   let layers = layersWithCustomTheme(

themes/pink.ts

@@ -0,0 +1,96 @@
+import { Theme } from "protomaps-themes-base";
+
+export default <Theme> {
+  background: "rgba(255, 228, 207, 1)",
+  earth: "rgba(255, 195, 195, 1)",
+  park_a: "#bbd285",
+  park_b: "#bbd285",
+  hospital: "rgba(240, 149, 169, 1)",
+  industrial: "rgba(237, 188, 182, 1)",
+  school: "rgba(254, 185, 100, 1)",
+  wood_a: "#d7cc7f",
+  wood_b: "#d7cc7f",
+  pedestrian: "rgba(223, 197, 224, 1)",
+  scrub_a: "#d8d3a0",
+  scrub_b: "#d8d3a0",
+  glacier: "rgba(252, 218, 218, 1)",
+  sand: "rgba(245, 209, 169, 1)",
+  beach: "rgba(241, 225, 144, 1)",
+  aerodrome: "rgba(255, 202, 170, 1)",
+  runway: "rgba(254, 234, 210, 1)",
+  water: "rgba(255, 228, 207, 1)",
+  zoo: "rgba(134, 213, 161, 1)",
+  military: "rgba(227, 203, 171, 1)",
+
+  tunnel_other_casing: "rgba(255, 195, 195, 1)",
+  tunnel_minor_casing: "rgba(255, 195, 195, 1)",
+  tunnel_link_casing: "rgba(255, 195, 195, 1)",
+  tunnel_major_casing: "rgba(255, 195, 195, 1)",
+  tunnel_highway_casing: "rgba(255, 195, 195, 1)",
+  tunnel_other: "rgba(254, 235, 220, 1)",
+  tunnel_minor: "rgba(254, 235, 220, 1)",
+  tunnel_link: "rgba(254, 235, 220, 1)",
+  tunnel_major: "rgba(254, 235, 220, 1)",
+  tunnel_highway: "rgba(254, 235, 220, 1)",
+
+  pier: "rgba(220, 198, 159, 1)",
+  buildings: "rgba(229, 101, 114, 1)",
+
+  minor_service_casing: "rgba(255, 195, 195, 1)",
+  minor_casing: "rgba(255, 195, 195, 1)",
+  link_casing: "rgba(255, 195, 195, 1)",
+  major_casing_late: "rgba(255, 195, 195, 1)",
+  highway_casing_late: "rgba(255, 195, 195, 1)",
+  other: "rgba(254, 235, 220, 1)",
+  minor_service: "rgba(254, 235, 220, 1)",
+  minor_a: "#FEEBDC",
+  minor_b: "#FEEBDC",
+  link: "rgba(254, 235, 220, 1)",
+  major_casing_early: "rgba(255, 195, 195, 1)",
+  major: "rgba(254, 235, 220, 1)",
+  highway_casing_early: "rgba(255, 195, 195, 1)",
+  highway: "rgba(254, 235, 220, 1)",
+
+  railway: "rgba(255, 250, 217, 1)",
+  boundaries: "rgba(144, 91, 77, 1)",
+  waterway_label: "rgba(174, 136, 99, 1)",
+
+  bridges_other_casing: "rgba(255, 195, 195, 1)",
+  bridges_minor_casing: "rgba(255, 195, 195, 1)",
+  bridges_link_casing: "rgba(255, 195, 195, 1)",
+  bridges_major_casing: "rgba(255, 195, 195, 1)",
+  bridges_highway_casing: "rgba(255, 195, 195, 1)",
+  bridges_other: "rgba(254, 235, 220, 1)",
+  bridges_minor: "rgba(254, 235, 220, 1)",
+  bridges_link: "rgba(254, 235, 220, 1)",
+  bridges_major: "rgba(254, 235, 220, 1)",
+  bridges_highway: "#FEEBDC",
+
+  roads_label_minor: "rgba(173, 119, 113, 1)",
+  roads_label_minor_halo: "rgba(254, 235, 220, 1)",
+  roads_label_major: "rgba(173, 119, 113, 1)",
+  roads_label_major_halo: "rgba(254, 235, 220, 1)",
+  ocean_label: "rgba(174, 136, 99, 1)",
+  peak_label: "rgba(119, 92, 47, 1)",
+  subplace_label: "rgba(138, 104, 113, 1)",
+  subplace_label_halo: "rgba(255, 195, 195, 1)",
+  city_label: "rgba(25, 4, 0, 1)",
+  city_label_halo: "rgba(0,0,0,0)",
+  state_label: "rgba(146, 121, 106, 1)",
+  state_label_halo: "rgba(0,0,0,0)",
+  country_label: "rgba(120, 75, 46, 1)",
+
+  regular: 'Josefin Sans Regular',
+  bold: 'Josefin Sans Medium',
+  italic: 'Josefin Sans Italic',
+
+  landcover: {
+    grassland: 'rgba(147, 214, 182, 1)',
+    barren: 'rgba(246, 204, 157, 1)',
+    urban_area: 'rgba(255, 168, 168, 1)',
+    farmland: 'rgba(159, 211, 159, 1)',
+    glacier: 'rgba(251, 213, 213, 1)',
+    scrub: 'rgba(191, 211, 160, 1)',
+    forest: 'rgba(136, 210, 168, 1)'
+  }
+};