From 4e623cd5cbab8aa9dfa924da9874d9be44b4ec2b Mon Sep 17 00:00:00 2001
From: Sebastien Melki <sebastien@anghami.com>
Date: Mon, 16 Feb 2026 15:30:07 +0200
Subject: [PATCH] feat(03-02): update Map light theme CSS and add theme-change
 re-render

- Update --map-country to warm cream (#f0e8d8) for Voyager-style land
- Update --map-stroke to warm border (#c8b8a8) complementing cream land
- Subtler blue grid (#b0c8d8) for light mode
- Add theme-changed event listener in Map.ts resetting baseRendered flag
- Dark theme map values unchanged

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/components/Map.ts | 5 +++++
 src/styles/main.css   | 6 +++---
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/Map.ts b/src/components/Map.ts
index 7751029e3..1c5d18bbf 100644
--- a/src/components/Map.ts
+++ b/src/components/Map.ts
@@ -187,6 +187,11 @@ export class MapComponent {
     this.setupZoomHandlers();
     this.loadMapData();
     this.setupResizeObserver();
+
+    window.addEventListener('theme-changed', () => {
+      this.baseRendered = false;
+      this.render();
+    });
   }
 
   private setupResizeObserver(): void {
diff --git a/src/styles/main.css b/src/styles/main.css
index 6df201879..f9db40872 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -123,9 +123,9 @@
 
   /* Map */
   --map-bg: #e8f0f8;
-  --map-grid: #c0d8e8;
-  --map-country: #d8e8d8;
-  --map-stroke: #90b8a0;
+  --map-grid: #b0c8d8;
+  --map-country: #f0e8d8;
+  --map-stroke: #c8b8a8;
 }
 
 * {