dark styles

4 files changed, 12 insertions, 13 deletions

diff --git a/src/components/Account.svelte b/src/components/Account.svelte
index 8943cb16..473e59fd 100644
--- a/src/components/Account.svelte
+++ b/src/components/Account.svelte
@@ -35,17 +35,14 @@
 
   <div class="flex justify-center w-full text-xl gap-2">
     <a href={`/invoice`} class="contents" on:click={setAccount}>
-      <button class="py-5 px-6 hover:opacity-80 flex grow rounded-2xl gap-2 justify-center items-center">
+      <button class="btn !w-auto flex-grow">
         <iconify-icon icon="ph:hand-coins-bold" width="32" />
         <div class="my-auto">{$t("user.dashboard.receive")}</div>
       </button>
     </a>
 
     <a href={`/send`} class="contents grow" on:click={setAccount}>
-      <button
-        type="button"
-        class="py-5 px-6 hover:opacity-80 flex grow rounded-2xa gap-2 justify-center items-center"
-      >
+      <button type="button" class="btn !w-auto flex-grow">
         <iconify-icon icon="ph:paper-plane-right-bold" width="32" />
         <div class="my-auto">{$t("user.dashboard.send")}</div>
       </button>
diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte
index ca711d7f..75fc4479 100644
--- a/src/components/Footer.svelte
+++ b/src/components/Footer.svelte
@@ -23,7 +23,9 @@
 >
   <div class="space-y-5">
     <div class="text-center w-full">
-      <a href="/"><Icon icon="logo" style="w-48 mx-auto md:mx-0" /></a>
+      <a href="/">
+        <iconify-icon icon="coinos:logo" width="224" />
+      </a>
     </div>
     <div class="flex gap-2 justify-center sm:hidden">
       <div>
diff --git a/src/components/LandingHeader.svelte b/src/components/LandingHeader.svelte
index 232e53eb..e6bfc07c 100644
--- a/src/components/LandingHeader.svelte
+++ b/src/components/LandingHeader.svelte
@@ -27,8 +27,7 @@
       class="flex justify-start lg:justify-center items-center lg:space-x-10"
     >
       <a href="/" on:click={() => scroll(header)}>
-        <Icon icon="logo" style="hidden lg:block mb-5 xl:mb-0" />
-        <Icon icon="logo" style="block lg:hidden ml-5 w-48" />
+        <iconify-icon icon="coinos:logo" width="224" />
       </a>
     </div>
 
diff --git a/src/components/Password.svelte b/src/components/Password.svelte
index da65d718..14fdf500 100644
--- a/src/components/Password.svelte
+++ b/src/components/Password.svelte
@@ -23,10 +23,10 @@
 </script>
 
 <div
-  class="fixed inset-0 bg-gray-600 bg-opacity-50 overflow-y-auto h-full w-full z-20"
+  class="fixed inset-0 bg-opacity-50 overflow-y-auto h-full w-full z-20"
 >
   <div
-    class="relative top-1/3 mx-auto p-5 border w-96 shadow-lg rounded-md bg-white space-y-5"
+    class="relative top-1/3 mx-auto p-5 border w-96 shadow-lg rounded-md bg-base-100 space-y-5"
   >
     <h1 class="text-center text-2xl font-semibold">
       Please enter your password
@@ -38,7 +38,6 @@
             name="password"
             type="text"
             required
-            class="bg-primary"
             bind:value={password}
             autocapitalize="none"
             use:focus
@@ -48,7 +47,6 @@
             name="password"
             type="password"
             required
-            class="bg-primary"
             bind:value={password}
             autocapitalize="none"
             use:focus
@@ -59,7 +57,10 @@
           on:click={() => (revealPassword = !revealPassword)}
           class="absolute right-5 top-6"
         >
-          <Icon icon={revealPassword ? "eye" : "eye-off"} />
+    <iconify-icon
+      icon={revealPassword ? "ph:eye-bold" : "ph:eye-slash-bold"}
+      width="32"
+    />
         </button>
       </div>
       <div class="w-full flex">