From 0091bfdcf77d727e76ab1d7779f1bc47f82647e1 Mon Sep 17 00:00:00 2001
From: Dovi Cowan <dovi@fullynetworking.co.uk>
Date: Thu, 2 Nov 2023 17:48:16 +0000
Subject: [PATCH] light mode improvments

---
 src/routes/Home.svelte              |  2 +-
 src/routes/Lists/ListCreate.svelte  | 19 ++++++++++++-------
 src/routes/Lists/ListMembers.svelte |  4 +++-
 src/routes/Lists/ListView.svelte    | 10 +++++-----
 4 files changed, 21 insertions(+), 14 deletions(-)

diff --git a/src/routes/Home.svelte b/src/routes/Home.svelte
index 1b6c110..ff7632f 100644
--- a/src/routes/Home.svelte
+++ b/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>
diff --git a/src/routes/Lists/ListCreate.svelte b/src/routes/Lists/ListCreate.svelte
index d0ca594..7421ecb 100644
--- a/src/routes/Lists/ListCreate.svelte
+++ b/src/routes/Lists/ListCreate.svelte
@@ -21,12 +21,17 @@
     e.preventDefault();
 
     database
-      .createDocument(import.meta.env.VITE_APPWRITE_DB_ID, "lists", ID.unique(), {
-        title: listname,
-        require_logged_in: !!requireLoggedIn,
-        owner_id: loggedInUser["$id"],
-        list_type: list_type
-      })
+      .createDocument(
+        import.meta.env.VITE_APPWRITE_DB_ID,
+        "lists",
+        ID.unique(),
+        {
+          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>
diff --git a/src/routes/Lists/ListMembers.svelte b/src/routes/Lists/ListMembers.svelte
index 7f52d86..0edc81a 100644
--- a/src/routes/Lists/ListMembers.svelte
+++ b/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>
diff --git a/src/routes/Lists/ListView.svelte b/src/routes/Lists/ListView.svelte
index 10b6cd5..0ba5435 100644
--- a/src/routes/Lists/ListView.svelte
+++ b/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 />