From af280fa38d7a64dbc185fda843a68bc19ebb920e Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Tue, 5 Nov 2024 20:23:05 -0800
Subject: dark styles

---
 src/routes/(app)/send/ecash/+page.svelte           | 12 ++----
 .../(app)/send/lightning/[payreq]/+page.svelte     |  2 +-
 src/routes/(app)/settings/[...tab]/_account.svelte |  2 +-
 src/routes/(static)/login/+page.svelte             | 48 +++++++++++-----------
 src/routes/(static)/register/+page.svelte          |  2 +-
 5 files changed, 31 insertions(+), 35 deletions(-)

(limited to 'src/routes')

diff --git a/src/routes/(app)/send/ecash/+page.svelte b/src/routes/(app)/send/ecash/+page.svelte
index f4978869..fa3f97da 100644
--- a/src/routes/(app)/send/ecash/+page.svelte
+++ b/src/routes/(app)/send/ecash/+page.svelte
@@ -30,14 +30,10 @@
 </script>
 
 <div class="container px-4 max-w-xl mx-auto space-y-5 text-center">
-  <div
-    class="p-4 border rounded-2xl space-y-2 text-lg text-left flex gap-2"
-  >
-    <div class="space-y-5">
-      <div>
-        {$t("payments.ecashDesc")}
-        <a href="https://cashu.space/" class="font-bold">cashu.space</a>.
-      </div>
+  <div class="card text-left rounded-2xl shadow shadow-primary p-4 bg-base-200">
+    <div class="text-secondary">
+      {$t("payments.ecashDesc")}
+      <a href="https://cashu.space/" class="font-bold">cashu.space</a>
     </div>
   </div>
   <form use:enhance={handler(toggle)} method="POST" class="space-y-5">
diff --git a/src/routes/(app)/send/lightning/[payreq]/+page.svelte b/src/routes/(app)/send/lightning/[payreq]/+page.svelte
index 29dd4c05..ac5c9bec 100644
--- a/src/routes/(app)/send/lightning/[payreq]/+page.svelte
+++ b/src/routes/(app)/send/lightning/[payreq]/+page.svelte
@@ -114,7 +114,7 @@
               id="maxfee"
               name="maxfee"
               bind:value={maxfee}
-              class="blank !grow"
+              class="clean !grow"
             />
             <div class="ml-auto">⚡️</div>
           </label>
diff --git a/src/routes/(app)/settings/[...tab]/_account.svelte b/src/routes/(app)/settings/[...tab]/_account.svelte
index c4621f1a..8537322e 100644
--- a/src/routes/(app)/settings/[...tab]/_account.svelte
+++ b/src/routes/(app)/settings/[...tab]/_account.svelte
@@ -77,7 +77,7 @@
   <label
     class="input input-bordered border-primary input-lg rounded-2xl flex items-center gap-2"
   >
-    <input type="text" name="email" class="blank" bind:value={user.email} />
+    <input type="text" name="email" class="clean" bind:value={user.email} />
     {#if user.verified}
       <iconify-icon
         icon="ph:check-bold"
diff --git a/src/routes/(static)/login/+page.svelte b/src/routes/(static)/login/+page.svelte
index 1b927406..80795160 100644
--- a/src/routes/(static)/login/+page.svelte
+++ b/src/routes/(static)/login/+page.svelte
@@ -95,50 +95,50 @@
     />
     <input type="hidden" name="token" value={token} />
 
-    <div>
-      <label for="username" class="font-semibold">{$t("login.username")}</label>
-      <input
-        name="username"
-        type="text"
-        required
-        bind:value={username}
-        use:focus
-        autocapitalize="none"
-      />
-    </div>
+    <input
+      name="username"
+      type="text"
+      required
+      bind:value={username}
+      use:focus
+      autocapitalize="none"
+      placeholder={$t("login.username")}
+    />
 
-    <div class="relative">
-      <label for="password" class="block font-semibold"
-        >{$t("login.password")}</label
-      >
+    <label for="password" class="input flex items-center justify-center gap-2 w-full">
       {#if revealPassword}
         <input
+          class="clean w-full grow focus:!outline-offset-0"
           name="password"
           type="text"
           required
           bind:value={$password}
           autocapitalize="none"
+          placeholder={$t("login.password")}
         />
       {:else}
         <input
+          class="clean w-full grow focus:!outline-offset-0"
           name="password"
           type="password"
           required
           bind:value={$password}
           autocapitalize="none"
+          placeholder={$t("login.password")}
         />
       {/if}
-      <button
-        type="button"
+      <iconify-icon
+        class="cursor-pointer ml-auto"
         on:click={() => (revealPassword = !revealPassword)}
-        class="absolute right-5 top-10"
-      >
-        <Icon icon={revealPassword ? "eye" : "eye-off"} />
-      </button>
-    </div>
+        icon={revealPassword ? "ph:eye-bold" : "ph:eye-slash-bold"}
+        width="32"
+      />
+    </label>
 
     <div class="flex justify-end items-center">
-      <a href="/forgot" class="underline underline-offset-4 text-primary-content"
+      <a
+        href="/forgot"
+        class="underline underline-offset-4 text-secondary"
         >{$t("login.forgotUserOrPassword")}</a
       >
     </div>
@@ -155,7 +155,7 @@
       {$t("login.noAccount")}
       <a
         href={"/register"}
-        class="block md:inline text-primary-content underline underline-offset-4 hover:opacity-80"
+        class="block md:inline text-secondary underline underline-offset-4 hover:opacity-80"
       >
         {$t("login.register")}
       </a>
diff --git a/src/routes/(static)/register/+page.svelte b/src/routes/(static)/register/+page.svelte
index db7f761c..858dd7e3 100644
--- a/src/routes/(static)/register/+page.svelte
+++ b/src/routes/(static)/register/+page.svelte
@@ -275,7 +275,7 @@
       {$t("login.haveAccount")}
       <a
         href={"/login"}
-        class="block md:inline text-primary-content underline underline-offset-4 hover:opacity-80"
+        class="block md:inline text-secondary underline underline-offset-4 hover:opacity-80"
       >
         {$t("login.signIn")}
       </a>
-- 
cgit v1.2.3