diff --git a/app/App.tsx b/app/App.tsx index 8e08633..d014ecd 100644 --- a/app/App.tsx +++ b/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(); @@ -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( diff --git a/themes/pink.ts b/themes/pink.ts new file mode 100644 index 0000000..8e953e6 --- /dev/null +++ b/themes/pink.ts @@ -0,0 +1,96 @@ +import { Theme } from "protomaps-themes-base"; + +export default { + 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)' + } +}; \ No newline at end of file