From 39c01370196413b527a92e5c17f6520722d07d70 Mon Sep 17 00:00:00 2001 From: Max Kohler Date: Wed, 4 Mar 2026 15:27:06 +0100 Subject: [PATCH 1/2] tweak water colours --- .../src/maplibre/MapStyle/SWRDataLabLight.ts | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) diff --git a/components/src/maplibre/MapStyle/SWRDataLabLight.ts b/components/src/maplibre/MapStyle/SWRDataLabLight.ts index 4e4a18f8..de5422b9 100644 --- a/components/src/maplibre/MapStyle/SWRDataLabLight.ts +++ b/components/src/maplibre/MapStyle/SWRDataLabLight.ts @@ -11,20 +11,22 @@ import makeRoads from './components/Roads'; import defaultOptions from './defaultOptions'; import makeHillshade from './components/Hillshade'; +const water = '#fff'; + const tokens = { sans_regular: ['swr_sans_regular'], sans_medium: ['swr_sans_medium'], sans_bold: ['swr_sans_bold'], background: { stops: [ - [8, 'hsl(24, 29%, 98%)'], - [10, 'white'] + [8, 'hsl(24, 20%, 97%)'], + [8, 'hsl(24, 10%, 97%)'] ] }, - water: 'hsl(212, 71%, 83%)', - water_light: 'hsl(212, 41%, 90%)', - water_ocean: 'hsl(212, 60%, 83%)', - marsh: 'hsl(200, 14%, 97%)', + water, + water_light: water, + water_ocean: water, + marsh: 'hsl(200, 14%, 93%)', grass: 'hsl(133, 36%, 95%)', grass_dark: 'hsl(127, 49%, 93%)', sand: 'hsl(60, 0%, 95%)', @@ -38,7 +40,7 @@ const tokens = { street_tertiary_case: 'hsl(0, 0%, 70%)', label_primary: 'hsl(240, 10%, 2%)', label_secondary: 'hsl(0, 0%, 18%)', - label_tertiary: 'hsl(60, 1%, 50%)', + label_tertiary: 'hsl(60, 1%, 25%)', building: '#f3f2f1', rail: '#d3d3d3', boundary_country: '#8b8a89', From b046faf523485210be857ea74b22b0dc74944a44 Mon Sep 17 00:00:00 2001 From: Max Kohler Date: Thu, 5 Mar 2026 14:47:49 +0100 Subject: [PATCH 2/2] Iterate colours --- components/src/maplibre/MapStyle/SWRDataLabLight.ts | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/components/src/maplibre/MapStyle/SWRDataLabLight.ts b/components/src/maplibre/MapStyle/SWRDataLabLight.ts index de5422b9..6598fc5c 100644 --- a/components/src/maplibre/MapStyle/SWRDataLabLight.ts +++ b/components/src/maplibre/MapStyle/SWRDataLabLight.ts @@ -11,7 +11,12 @@ import makeRoads from './components/Roads'; import defaultOptions from './defaultOptions'; import makeHillshade from './components/Hillshade'; -const water = '#fff'; +const water = { + stops: [ + [6, 'white'], + [6.5, 'hsl(216, 50%, 92%)'] + ] +}; const tokens = { sans_regular: ['swr_sans_regular'], @@ -19,8 +24,8 @@ const tokens = { sans_bold: ['swr_sans_bold'], background: { stops: [ - [8, 'hsl(24, 20%, 97%)'], - [8, 'hsl(24, 10%, 97%)'] + [6, 'hsl(24, 20%, 97%)'], + [6.5, 'hsl(24, 10%, 99%)'] ] }, water, @@ -32,7 +37,7 @@ const tokens = { sand: 'hsl(60, 0%, 95%)', rock: 'hsl(192, 0%, 90%)', street_primary: 'hsl(0, 4%, 95%)', - street_primary_faded: 'hsl(0, 4%, 96%)', + street_primary_faded: 'hsl(0, 4%, 93%)', street_primary_case: 'hsl(240, 1%, 84%)', street_secondary: 'hsl(0, 0%, 95%)', street_secondary_case: 'hsl(0, 0%, 75%)',