From a9fc278cc54c17e97e084a0b364b03cfe1a685f8 Mon Sep 17 00:00:00 2001
From: James Martinez <jmar910@gmail.com>
Date: Fri, 9 Feb 2024 14:50:59 -0500
Subject: [PATCH] fix: light mode theming

---
 addon/components/mox/list/header.hbs | 4 +++-
 addon/components/mox/list/item.hbs   | 8 ++++++--
 addon/components/mox/list/row.hbs    | 6 +++++-
 3 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/addon/components/mox/list/header.hbs b/addon/components/mox/list/header.hbs
index f9d29db..6c702d5 100644
--- a/addon/components/mox/list/header.hbs
+++ b/addon/components/mox/list/header.hbs
@@ -1,5 +1,7 @@
 <thead data-test-mox-list-header ...attributes>
-  <tr class="border-b border-gray-700 text-gray-300 align-middle">
+  <tr
+    class="border-b border-gray-300 dark:border-gray-500 text-gray-800 dark:text-gray-300 align-middle"
+  >
     {{yield}}
   </tr>
 </thead>
diff --git a/addon/components/mox/list/item.hbs b/addon/components/mox/list/item.hbs
index 42efc01..0651898 100644
--- a/addon/components/mox/list/item.hbs
+++ b/addon/components/mox/list/item.hbs
@@ -7,7 +7,11 @@
     >
       <div
         class="inline-block mt-auto py-0.5
-          {{if @isActive 'text-white font-semibold' 'text-gray-300 font-medium'}}"
+          {{if
+            @isActive
+            'text-white font-semibold'
+            'text-gray-800 dark:text-gray-300 font-medium'
+          }}"
         data-test-mox-list-header-item-label
       >
         {{yield}}
@@ -45,7 +49,7 @@
         </div>
       </td>
     {{else}}
-      <td class="p-4 text-white" data-test-mox-list-item ...attributes>
+      <td class="p-4 text-gray-800 dark:text-gray-300" data-test-mox-list-item ...attributes>
         <div class="font-medium text-sm" data-test-mox-list-item-content>
           {{yield}}
         </div>
diff --git a/addon/components/mox/list/row.hbs b/addon/components/mox/list/row.hbs
index 8849033..bf029b0 100644
--- a/addon/components/mox/list/row.hbs
+++ b/addon/components/mox/list/row.hbs
@@ -1,3 +1,7 @@
-<tr class="border-b border-gray-800 text-white" data-test-mox-list-row ...attributes>
+<tr
+  class="border-b border-gray-300 dark:border-gray-500 text-gray-800 dark:text-white"
+  data-test-mox-list-row
+  ...attributes
+>
   {{yield}}
 </tr>