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;
 }
 
 * {