fix: dark mode for calendar

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

@@ -35,20 +35,32 @@
         </b>
       </div>
     </div>
-    <button phx-click="edit" phx-value-id={exam.id}
+    <button
-      class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-3 rounded-md">
+      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}
+    <button
-      class="bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-3 rounded-md">
+      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}
+  <.live_component
-    action={@live_action} exam={@exam} patch={~p"/exams"} />
+    module={ExmrWeb.ExamLive.FormComponent}
+    id={@exam.id || :new}
+    title={@page_title}
+    action={@live_action}
+    exam={@exam}
+    patch={~p"/exams"}
+  />
 </.modal>
 
 <div>
@@ -75,7 +87,7 @@
     <%= 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={["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 -->