fix: light mode theming

ConduitIO · Feb 9, 2024 · a9fc278 · a9fc278
1 parent a3300e9
commit a9fc278
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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>