From c1dc5011fce5adbaf01d13b828b243d11a527499 Mon Sep 17 00:00:00 2001
From: Pascal Schmid <psschmid@gmx.de>
Date: Sat, 2 Nov 2024 00:35:52 +0100
Subject: [PATCH] Fix dark mode style

---
 .../live/components/file_input_component.html.heex            | 4 ++--
 lib/mihainator_web/live/components/result_component.html.heex | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/lib/mihainator_web/live/components/file_input_component.html.heex b/lib/mihainator_web/live/components/file_input_component.html.heex
index c099bdb..fbe4a71 100644
--- a/lib/mihainator_web/live/components/file_input_component.html.heex
+++ b/lib/mihainator_web/live/components/file_input_component.html.heex
@@ -31,13 +31,13 @@
     class="flex flex-col space-y-4"
   >
     <div>
-      <label class="block mb-2 text-sm font-bold text-slate-900" for={@uploads.history.ref}>
+      <label class="block mb-2 text-sm font-bold text-slate-900 dark:text-slate-300" for={@uploads.history.ref}>
         CSV file
       </label>
 
       <.live_file_input
         upload={@uploads.history}
-        class="block w-full text-sm text-slate-900 border border-slate-300 rounded-lg cursor-pointer bg-slate-50 focus:outline-none dark:bg-slate-700 dark:border-slate-600 dark:placeholder-slate-400"
+        class="block w-full text-sm text-slate-900 border border-slate-300 rounded-lg cursor-pointer dark:text-slate-300 bg-slate-50 focus:outline-none dark:bg-slate-700 dark:border-slate-600 dark:placeholder-slate-400"
       />
     </div>
 
diff --git a/lib/mihainator_web/live/components/result_component.html.heex b/lib/mihainator_web/live/components/result_component.html.heex
index 6b9bbbd..aa74db4 100644
--- a/lib/mihainator_web/live/components/result_component.html.heex
+++ b/lib/mihainator_web/live/components/result_component.html.heex
@@ -10,8 +10,8 @@
     <div class="col-span-1 bg-red-300 rounded"></div>
     <div class="col-span-5">Your communication partner</div>
 
-    <div class="col-span-1 rounded border"></div>
-    <div class="col-span-5">No communication on this day</div>
+    <div class="col-span-1 rounded border dark:bg-slate-600"></div>
+    <div class="col-span-5 ">No communication on this day</div>
   </div>
 
   <div class="calendar-wrapper">