fix: dark mode for calendar

lib/exmr_web/live/exam_live/index.html.heex

@@ -27,28 +27,40 @@
         {exam.date} |
         <b>
           {case Date.diff(exam.date, Date.utc_today()) do
-          0 -> gettext("Today")
-          1 -> gettext("Tommorow")
-          x when x > 1 -> ngettext("Tomorrow", "%{count} days left", x)
-          x when x < 0 -> ngettext("Yesterday", "%{count} days passed", x * -1)
-            end}
+            0 -> gettext("Today")
+            1 -> gettext("Tommorow")
+            x when x > 1 -> ngettext("Tomorrow", "%{count} days left", x)
+            x when x < 0 -> ngettext("Yesterday", "%{count} days passed", x * -1)
+          end}
         </b>
       </div>
     </div>
-    <button phx-click="edit" phx-value-id={exam.id}
-      class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-3 rounded-md">
+    <button
+      phx-click="edit"
+      phx-value-id={exam.id}
+      class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-3 rounded-md"
+    >
       {gettext("Edit")}
     </button>
-    <button phx-click="remove" phx-value-id={exam.id}
-      class="bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-3 rounded-md">
+    <button
+      phx-click="remove"
+      phx-value-id={exam.id}
+      class="bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-3 rounded-md"
+    >
       {gettext("Remove")}
     </button>
   </div>
 </div>
 
 <.modal :if={@live_action in [:new, :edit]} id="exam-modal" show on_cancel={JS.patch(~p"/exams")}>
-  <.live_component module={ExmrWeb.ExamLive.FormComponent} id={@exam.id || :new} title={@page_title}
-    action={@live_action} exam={@exam} patch={~p"/exams"} />
+  <.live_component
+    module={ExmrWeb.ExamLive.FormComponent}
+    id={@exam.id || :new}
+    title={@page_title}
+    action={@live_action}
+    exam={@exam}
+    patch={~p"/exams"}
+  />
 </.modal>
 
 <div>
@@ -64,35 +76,35 @@
     <!-- Weekdays -->
     <%= for day <- ~w(Sun Mon Tue Wed Thu Fri Sat) do %>
       <div class="font-bold text-center">{day}</div>
-      <% end %>
+    <% end %>
+    
+<!-- Empty spaces for previous month -->
+    <%= for _ <- 1..(Date.day_of_week(@current_month)) do %>
+      <div></div>
+    <% end %>
+    
+<!-- Days of the month -->
+    <%= for day <- 1..Date.days_in_month(@current_month) do %>
+      <% {:ok, date} = Date.new(@current_month.year, @current_month.month, day) %>
 
-        <!-- Empty spaces for previous month -->
-        <%= for _ <- 1..(Date.day_of_week(@current_month)) do %>
-          <div></div>
-          <% end %>
+      <div class={["border rounded p-3 dark:border-zinc-400", @current_month == date && "bg-zinc-200 dark:bg-zinc-800"]}>
+        <div class="text-sm font-bold">{day}</div>
+        
+<!-- Render events for the current day -->
 
-            <!-- Days of the month -->
-            <%= for day <- 1..Date.days_in_month(@current_month) do %>
-              <% {:ok, date}=Date.new(@current_month.year, @current_month.month, day) %>
-
-                <div class={["border rounded p-3", @current_month == date && "bg-zinc-800"]}>
-                  <div class="text-sm font-bold">{day}</div>
-
-                  <!-- Render events for the current day -->
-
-                  <% IO.puts("Date: #{date}") %>
-                    <% IO.inspect(Map.get(@events, date)) %>
-                      <%= case Map.get(@events, date) do %>
-                        <% nil -> %>
-                          <!-- No events for this day -->
-                          <% events -> %>
-                            <ul class="mt-2 text-xs">
-                              <%= for event <- events do %>
-                                <li>{event.subject}</li>
-                                <% end %>
-                            </ul>
-                            <% end %>
-                </div>
-                <% end %>
+        <% IO.puts("Date: #{date}") %>
+        <% IO.inspect(Map.get(@events, date)) %>
+        <%= case Map.get(@events, date) do %>
+          <% nil -> %>
+            <!-- No events for this day -->
+          <% events -> %>
+            <ul class="mt-2 text-xs">
+              <%= for event <- events do %>
+                <li>{event.subject}</li>
+              <% end %>
+            </ul>
+        <% end %>
+      </div>
+    <% end %>
   </div>
 </div>