From 5a1ac63f56e545b4b14647566182333fe9aad562 Mon Sep 17 00:00:00 2001
From: Graham McIntire <graham@mcintire.me>
Date: Sat, 11 Apr 2026 15:23:25 -0500
Subject: [PATCH] Force dark theme on map sidebar and mobile controls

The sidebar and mobile floating controls overlay the dark map tiles
but inherited light theme colors, making dropdowns, inputs, and
menus invisible (white-on-white). Adding data-theme="dark" forces
all daisyUI components within these containers to use dark variants
regardless of the page's theme setting.
---
 lib/microwaveprop_web/live/map_live.ex | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/lib/microwaveprop_web/live/map_live.ex b/lib/microwaveprop_web/live/map_live.ex
index 59a10c8d..cd34e2e1 100644
--- a/lib/microwaveprop_web/live/map_live.ex
+++ b/lib/microwaveprop_web/live/map_live.ex
@@ -325,7 +325,7 @@ defmodule MicrowavepropWeb.MapLive do
           id="map-controls"
           class="md:hidden absolute top-2 left-12 z-[1000] flex flex-col gap-2 max-w-[calc(100vw-4rem)]"
         >
-          <div class="bg-base-100 shadow rounded-box border border-base-300 p-2 flex flex-col gap-2">
+          <div data-theme="dark" class="bg-neutral text-neutral-content shadow rounded-box border border-base-300 p-2 flex flex-col gap-2">
             <div class="font-bold text-sm leading-tight px-1 flex items-center justify-between gap-2">
               <div class="min-w-0">
                 <span>NTMS</span>
@@ -461,6 +461,7 @@ defmodule MicrowavepropWeb.MapLive do
       <%!-- Desktop right sidebar --%>
       <div
         id="sidebar"
+        data-theme="dark"
         class="hidden md:flex flex-col w-56 shrink-0 h-full bg-neutral text-neutral-content border-l border-base-300 overflow-hidden"
       >
         <%!-- Sidebar controls --%>