From d007cac4c083ae66639584a4ddeec88a53a02140 Mon Sep 17 00:00:00 2001
From: Christoph Urlacher <christoph.urlacher@protonmail.com>
Date: Sat, 25 Jan 2025 18:27:01 +0100
Subject: [PATCH] Lib: Make table rows colors alternating

---
 src/lib/components/Table.svelte | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/Table.svelte b/src/lib/components/Table.svelte
index 532097b..0b509b2 100644
--- a/src/lib/components/Table.svelte
+++ b/src/lib/components/Table.svelte
@@ -18,7 +18,7 @@
 <div class="table-container bg-white shadow">
   <table class="table table-interactive table-compact bg-white">
     <thead>
-      <tr class="bg-white">
+      <tr class="bg-surface-500">
         {#each columns as col}
           <th class="!px-3">{col.label}</th>
         {/each}
@@ -28,6 +28,7 @@
     <tbody>
       {#each data as row}
         <tr
+          class="bg-surface-300"
           onclick={async (event: Event) => {
             if (handler) await handler(event, row.id);
           }}