From 3f33ff5f2c948d2ee9ea88ed87a8a5034da2cbc7 Mon Sep 17 00:00:00 2001
From: Max Kohler <hello@maxkohler.com>
Date: Thu, 27 Nov 2025 12:17:52 +0100
Subject: [PATCH] Imrpove colours

---
 components/src/maplibre/MapStyle/SWRDataLabDark.ts   | 12 ++++++------
 components/src/maplibre/MapStyle/components/Roads.ts | 11 ++++++++---
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/components/src/maplibre/MapStyle/SWRDataLabDark.ts b/components/src/maplibre/MapStyle/SWRDataLabDark.ts
index c69f1149..0f877ae4 100644
--- a/components/src/maplibre/MapStyle/SWRDataLabDark.ts
+++ b/components/src/maplibre/MapStyle/SWRDataLabDark.ts
@@ -19,15 +19,15 @@ const tokens = {
 	background: {
 		stops: [
 			[8, 'hsl(210, 3%, 10%)'],
-			[10, '#1e1f22']
+			[10, '#181818']
 		]
 	},
 	water: 'hsl(210, 12%, 7%)',
 	water_light: 'hsl(210, 12%, 8%)',
 	water_ocean: 'hsl(214, 5%, 5%)',
 	marsh: 'hsl(180, 3%, 35%)',
-	grass: 'hsl(170, 20%, 14%)',
-	grass_dark: 'hsl(170, 16%, 12%)',
+	grass: 'hsl(170, 15%, 12%)',
+	grass_dark: 'hsl(170, 12%, 10%)',
 	sand: 'hsl(0, 0%, 16%)',
 	rock: 'hsl(0, 0%, 20%)',
 	street_primary: 'hsl(220, 3%, 20%)',
@@ -36,9 +36,9 @@ const tokens = {
 	street_secondary_case: 'hsl(0, 0%, 0%)',
 	street_tertiary: 'hsl(0, 0%, 20%)',
 	street_tertiary_case: 'hsl(0, 0%, 14%)',
-	label_primary: 'hsl(240, 5%, 80%)',
-	label_secondary: 'hsl(0, 2%, 72%)',
-	label_tertiary: 'hsl(0, 1%, 55%)',
+	label_primary: 'hsl(240, 5%, 95%)',
+	label_secondary: 'hsl(0, 2%, 85%)',
+	label_tertiary: 'hsl(0, 1%, 75%)',
 	boundary_country: '#6e6f71',
 	boundary_country_case: '#181818',
 	boundary_state: 'hsl(218, 4%, 37%)',
diff --git a/components/src/maplibre/MapStyle/components/Roads.ts b/components/src/maplibre/MapStyle/components/Roads.ts
index ab06c817..0de0b27e 100644
--- a/components/src/maplibre/MapStyle/components/Roads.ts
+++ b/components/src/maplibre/MapStyle/components/Roads.ts
@@ -12,10 +12,15 @@ const case_layout = {
 
 export default function makeRoads(tokens) {
 	const motorway = {
-		line_color: tokens.street_primary,
+		line_color: {
+			stops: [
+				[5, '#252525'],
+				[7, tokens.street_primary]
+			]
+		},
 		line_width: {
 			stops: [
-				[6, 1],
+				[5, 1],
 				[7, 1.5],
 				[11, 2],
 				[12, 3],
@@ -1482,7 +1487,7 @@ export default function makeRoads(tokens) {
 				['!=', 'link', true]
 			],
 			paint: {
-				'line-color': tokens.street_primary,
+				'line-color': motorway.line_color,
 				'line-width': motorway.line_width,
 				'line-opacity': motorway.line_opacity
 			},