Lib: Make table rows colors alternating

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);
           }}

src/routes/data/season/drivers/+page.svelte

@@ -100,7 +100,7 @@
 </script>
 
 <div class="pb-2">
-  <Button width="w-full" color="surface" onclick={create_driver_handler}>
+  <Button width="w-full" color="tertiary" onclick={create_driver_handler}>
     <b>Create New Driver</b>
   </Button>
 </div>

src/routes/data/season/races/+page.svelte

@@ -72,7 +72,7 @@
 </script>
 
 <div class="pb-2">
-  <Button width="w-full" color="surface" onclick={create_race_handler}>
+  <Button width="w-full" color="tertiary" onclick={create_race_handler}>
     <b>Create New Race</b>
   </Button>
 </div>

src/routes/data/season/substitutions/+page.svelte

@@ -123,7 +123,7 @@
 </script>
 
 <div class="pb-2">
-  <Button width="w-full" color="surface" onclick={create_substitution_handler}>
+  <Button width="w-full" color="tertiary" onclick={create_substitution_handler}>
     <b>Create New Substitution</b>
   </Button>
 </div>

src/routes/data/season/teams/+page.svelte

@@ -59,7 +59,7 @@
 </script>
 
 <div class="pb-2">
-  <Button width="w-full" color="surface" onclick={create_team_handler}>
+  <Button width="w-full" color="tertiary" onclick={create_team_handler}>
     <b>Create New Team</b>
   </Button>
 </div>