From 4adf2b83068a2a133f14e9c9cb9dcbcc1e9984b7 Mon Sep 17 00:00:00 2001
From: Max Kohler <hello@maxkohler.com>
Date: Mon, 13 Oct 2025 11:45:29 +0200
Subject: [PATCH] Fix airport colours

---
 .../MapStyle/SWRDataLabDark.stories.svelte    | 20 ++++++++
 .../maplibre/MapStyle/components/Transit.ts   | 50 ++-----------------
 2 files changed, 24 insertions(+), 46 deletions(-)

diff --git a/components/src/maplibre/MapStyle/SWRDataLabDark.stories.svelte b/components/src/maplibre/MapStyle/SWRDataLabDark.stories.svelte
index 9d41afd1..c673145c 100644
--- a/components/src/maplibre/MapStyle/SWRDataLabDark.stories.svelte
+++ b/components/src/maplibre/MapStyle/SWRDataLabDark.stories.svelte
@@ -45,6 +45,26 @@
 		</div>
 	</DesignTokens>
 </Story>
+<Story asChild name="fix/200">
+	<DesignTokens theme="dark">
+		<div class="grid">
+			<div class="container">
+				<Map
+					showDebug
+					style={SWRDataLabDark()}
+					initialLocation={{
+						lng: 8.96467732459405,
+						lat: 48.93101909877453,
+						zoom: 13.507311695217375,
+						pitch: 0
+					}}
+				>
+					<AttributionControl position="bottom-left" />
+				</Map>
+			</div>
+		</div>
+	</DesignTokens>
+</Story>
 <Story asChild name="fix/173">
 	<DesignTokens theme="dark">
 		<div class="grid">
diff --git a/components/src/maplibre/MapStyle/components/Transit.ts b/components/src/maplibre/MapStyle/components/Transit.ts
index c8270281..63024545 100644
--- a/components/src/maplibre/MapStyle/components/Transit.ts
+++ b/components/src/maplibre/MapStyle/components/Transit.ts
@@ -52,58 +52,16 @@ export default function makeTransit(tokens) {
 			'source-layer': 'street_polygons',
 			filter: ['in', 'kind', 'runway', 'taxiway'],
 			paint: {
-				'fill-color': 'hsl(0,0%,100%)',
+				'fill-color': tokens.street_tertiary,
 				'fill-opacity': 0.5
 			}
 		},
-		{
-			id: 'airport-taxiway:case',
-			filter: ['==', 'kind', 'taxiway'],
-			paint: {
-				'line-color': 'hsl(36,0%,80%)',
-				'line-width': {
-					stops: [
-						[13, 0],
-						[14, 2],
-						[15, 10],
-						[16, 14],
-						[18, 20],
-						[20, 40]
-					]
-				}
-			},
-			layout: {
-				'line-join': 'round'
-			}
-		},
-		{
-			id: 'airport-runway:case',
-			filter: ['==', 'kind', 'runway'],
-			paint: {
-				'line-color': 'hsl(36,0%,80%)',
-				'line-width': {
-					stops: [
-						[11, 0],
-						[12, 6],
-						[13, 9],
-						[14, 16],
-						[15, 24],
-						[16, 40],
-						[17, 100],
-						[18, 160],
-						[20, 300]
-					]
-				}
-			},
-			layout: {
-				'line-join': 'round'
-			}
-		},
+
 		{
 			id: 'airport-taxiway',
 			filter: ['==', 'kind', 'taxiway'],
 			paint: {
-				'line-color': 'hsl(0,0%,100%)',
+				'line-color': tokens.street_tertiary,
 				'line-width': {
 					stops: [
 						[13, 0],
@@ -129,7 +87,7 @@ export default function makeTransit(tokens) {
 			id: 'airport-runway',
 			filter: ['==', 'kind', 'runway'],
 			paint: {
-				'line-color': 'hsl(0,0%,100%)',
+				'line-color': tokens.street_tertiary,
 				'line-width': {
 					stops: [
 						[11, 0],