light mode improvments

src/routes/Home.svelte

@@ -43,7 +43,7 @@
         {/each}
         <p class="mt-3">
           <Link
-            class="text-blue-400 dark:bg-gray-600 bg-gray-400 border p-1 rounded"
+            class="dark:bg-gray-600 bg-gray-400 text-white border p-1 mt-2 rounded"
             to="/lists/create">Create new list</Link
           >
         </p>

src/routes/Lists/ListCreate.svelte

@@ -21,12 +21,17 @@
     e.preventDefault();
 
     database
-      .createDocument(import.meta.env.VITE_APPWRITE_DB_ID, "lists", ID.unique(), {
+      .createDocument(
-        title: listname,
+        import.meta.env.VITE_APPWRITE_DB_ID,
-        require_logged_in: !!requireLoggedIn,
+        "lists",
-        owner_id: loggedInUser["$id"],
+        ID.unique(),
-        list_type: list_type
+        {
-      })
+          title: listname,
+          require_logged_in: !!requireLoggedIn,
+          owner_id: loggedInUser["$id"],
+          list_type: list_type,
+        },
+      )
       .then((r) => {
         teams.create(r["$id"], listname, ["owner"]).then((r) => {
           let permissions = [
@@ -98,7 +103,7 @@
         ><br />
 
         <button
-          class="dark:bg-gray-600 hover:bg-gray-500 bg-gray-400 border p-1 mt-2 rounded"
+          class="dark:bg-gray-600 text-white hover:bg-gray-500 bg-gray-400 border p-1 mt-2 rounded"
           type="submit">Create</button
         >
       </fieldset>

src/routes/Lists/ListMembers.svelte

@@ -82,7 +82,9 @@
         <div class="m-1">
           {member.userName} - {member.userEmail}
           {#if rolesIndex(member, "owner") !== -1}
-            <span class="border p-1">List Admin</span>
+            <span class="border p-1 border-black dark:border-white"
+              >List Admin</span
+            >
           {/if}
           {#if member.confirm == false}
             <span class="border p-1">Pending</span>

src/routes/Lists/ListView.svelte

@@ -197,24 +197,24 @@
             {#if perakim[perekIndex(i)].taken == false}
               <button
                 on:click={() => takePerek(i)}
-                class="dark:bg-gray-600 bg-gray-400 border p-1 mt-2 rounded"
+                class="dark:bg-gray-600 bg-gray-400 border p-1 mt-2 rounded text-white"
                 >Take</button
               >
             {:else if perakim[perekIndex(i)].taken_by == loggedInUser["$id"] && perakim[perekIndex(i)].completed !== true}
               <button
                 on:click={() => untakePerek(i)}
-                class="dark:bg-gray-600 bg-gray-400 border p-1 mt-2 rounded"
+                class="dark:bg-gray-600 bg-gray-400 border p-1 mt-2 rounded text-white"
                 >Untake</button
               >
               <button
                 on:click={() => completePerek(i)}
-                class="dark:bg-gray-600 bg-gray-400 border p-1 mt-2 rounded"
+                class="dark:bg-gray-600 bg-gray-400 border p-1 mt-2 rounded text-white"
                 >Complete</button
               >
             {:else if perakim[perekIndex(i)].taken_by == loggedInUser["$id"] && perakim[perekIndex(i)].completed == true}
               <button
                 on:click={() => uncompletePerek(i)}
-                class="dark:bg-gray-600 bg-gray-400 border p-1 mt-2 rounded"
+                class="dark:bg-gray-600 bg-gray-400 border p-1 mt-2 rounded text-white"
                 >Uncomplete</button
               >
             {:else if perakim[perekIndex(i)].completed == false}
@@ -225,7 +225,7 @@
           {:else}
             <button
               on:click={() => takeNewPerek(i)}
-              class="dark:bg-gray-600 bg-gray-400 border p-1 mt-2 rounded"
+              class="dark:bg-gray-600 bg-gray-400 text-white border p-1 mt-2 rounded"
               >Take</button
             >
           {/if}<br />