From f7052b3c04067a9e04ba022a9bab7a0c1bcd853a Mon Sep 17 00:00:00 2001
From: itskovacs <itskovacs@proton.me>
Date: Thu, 28 Aug 2025 20:30:52 +0200
Subject: [PATCH] :lipstick: Dark mode fixes

---
 src/src/app/shared/map.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/src/app/shared/map.ts b/src/src/app/shared/map.ts
index 295eccf..e10b693 100644
--- a/src/src/app/shared/map.ts
+++ b/src/src/app/shared/map.ts
@@ -111,13 +111,14 @@ export function placeToMarker(
     ? place.category.image
     : (place.image ?? place.category.image);
 
-  let markerClasses = "w-full h-full rounded-full bg-center bg-cover bg-white";
+  let markerClasses =
+    "w-full h-full rounded-full bg-center bg-cover bg-white dark:bg-surface-900";
   if (grayscale) markerClasses += " grayscale";
 
   const iconHtml = `
     <div class="flex items-center justify-center relative rounded-full marker-anchor size-14 box-border" style="border: 2px solid ${place.category.color};">
       <div class="${markerClasses}" style="background-image: url('${markerImage}');"></div>
-      ${gpxInBubble && place.gpx ? '<div class="absolute -top-1 -left-1 size-6 flex justify-center items-center bg-white border-2 border-black rounded-full"><i class="pi pi-compass"></i></div>' : ""}
+      ${gpxInBubble && place.gpx ? '<div class="absolute -top-1 -left-1 size-6 flex justify-center items-center bg-white dark:bg-surface-900 border-2 border-black rounded-full"><i class="pi pi-compass"></i></div>' : ""}
     </div>
   `;