dark styles

7 files changed, 13 insertions, 26 deletions

diff --git a/src/components/Lnurlp.svelte b/src/components/Lnurlp.svelte
index 5f075607..0268e363 100644
--- a/src/components/Lnurlp.svelte
+++ b/src/components/Lnurlp.svelte
@@ -57,11 +57,7 @@
     {/if}
 
     <div class="flex w-full">
-      <button
-        bind:this={send}
-        type="submit"
-        class="opacity-100 hover:opacity-80'} rounded-2xl border py-3 font-bold mx-auto mt-2 bg-black text-white px-4 w-24"
-      >
+      <button bind:this={send} type="submit" class="btn">
         {#if loading}
           <Spinner />
         {:else}
diff --git a/src/components/Lnurlw.svelte b/src/components/Lnurlw.svelte
index 2062c849..d0fbf3b4 100644
--- a/src/components/Lnurlw.svelte
+++ b/src/components/Lnurlw.svelte
@@ -66,10 +66,7 @@
     <input name="k1" value={k1} type="hidden" />
 
     <div class="flex w-full">
-      <button
-        type="submit"
-        class="opacity-100 hover:opacity-80'} rounded-2xl border py-3 font-bold mx-auto mt-2 bg-black text-white px-4 w-24"
-      >
+      <button type="submit" class="btn">
         {#if loading}
           <Spinner />
         {:else}
diff --git a/src/components/SetAmount.svelte b/src/components/SetAmount.svelte
index dc7f6394..506762da 100644
--- a/src/components/SetAmount.svelte
+++ b/src/components/SetAmount.svelte
@@ -34,7 +34,7 @@
             bind:this={submit}
             type="submit"
             on:click|preventDefault|stopPropagation={setAmount}
-            class="btn"
+            class="btn btn-accent"
           >
             <div class="my-auto">{t("payments.ok")}</div>
           </button>
diff --git a/src/routes/(app)/account/[id]/+page.svelte b/src/routes/(app)/account/[id]/+page.svelte
index 63fd7a42..be7d6112 100644
--- a/src/routes/(app)/account/[id]/+page.svelte
+++ b/src/routes/(app)/account/[id]/+page.svelte
@@ -53,12 +53,8 @@
         {#if mnemonic}
           <Mnemonic {mnemonic} />
 
-          <button
-            on:click={() => copy(mnemonic)}
-            type="button"
-            class="flex gap-2 rounded-2xl border py-5 mx-auto px-6 w-full justify-center"
-          >
-            <Icon icon="copy" style="w-8 my-auto" />
+          <button on:click={() => copy(mnemonic)} type="button" class="btn">
+            <iconify-icon icon="ph:copy-bold" width="32" />
             <div class="my-auto">{$t("accounts.copy")}</div></button
           >
         {:else if seed}
@@ -67,7 +63,7 @@
             type="button"
             class="flex gap-2 rounded-2xl border py-5 mx-auto px-6 w-full justify-center"
           >
-            <Icon icon="eye" style="w-8 my-auto" />
+            <iconify-icon icon="ph:eye-bold" width="32" />
             <div class="my-auto">{$t("accounts.revealMnemonic")}</div></button
           >
         {:else if nwc}
@@ -79,7 +75,7 @@
             type="button"
             class="flex gap-2 rounded-2xl border py-5 mx-auto px-6 w-full justify-center"
           >
-            <Icon icon="copy" style="w-8 my-auto" />
+            <iconify-icon icon="ph:copy-bold" width="32" />
             <div class="my-auto">{$t("accounts.copy")}</div></button
           >
           <a href={`/qr/${encodeURIComponent(nwc)}`} class="my-auto block">
@@ -88,7 +84,7 @@
               type="button"
               class="flex gap-2 rounded-2xl border py-5 mx-auto px-6 w-full justify-center"
             >
-              <Icon icon="qr" style="w-8 my-auto invert" />
+              <iconify-icon icon="ph:qr-code-bold" width="32" />
               <div class="my-auto">{$t("user.receive.showQR")}</div></button
             >
           </a>
diff --git a/src/routes/(app)/ecash/[id]/[...version]/+page.svelte b/src/routes/(app)/ecash/[id]/[...version]/+page.svelte
index 2b73bc3d..b350b124 100644
--- a/src/routes/(app)/ecash/[id]/[...version]/+page.svelte
+++ b/src/routes/(app)/ecash/[id]/[...version]/+page.svelte
@@ -53,7 +53,7 @@
   {/if}
 
   <button
-    class="btn break-all text-xl !h-auto !py-5 font-normal"
+    class="btn break-all !h-auto py-5 font-normal leading-normal"
     on:click={() => copy(token)}
   >
     {token}
diff --git a/src/routes/(app)/pay/[username]/[...amount]/+page.svelte b/src/routes/(app)/pay/[username]/[...amount]/+page.svelte
index 75e66a10..bf2e877e 100644
--- a/src/routes/(app)/pay/[username]/[...amount]/+page.svelte
+++ b/src/routes/(app)/pay/[username]/[...amount]/+page.svelte
@@ -97,7 +97,7 @@
         <button
           type="button"
           bind:this={next}
-          class="btn"
+          class="btn btn-accent"
           on:click={setAmount}
           on:keydown={setAmount}
         >
diff --git a/src/routes/(app)/qr/[text]/+page.svelte b/src/routes/(app)/qr/[text]/+page.svelte
index e073b66e..e1aae854 100644
--- a/src/routes/(app)/qr/[text]/+page.svelte
+++ b/src/routes/(app)/qr/[text]/+page.svelte
@@ -11,12 +11,10 @@
 
   <button
     type="button"
-    class="flex gap-2 text-center break-all rounded-2xl hover:opacity-80 py-5 px-6 w-full mx-auto justify-center border text-xl hover:bg-slate-100"
+    class="btn break-all !h-auto flex-nowrap p-4 font-normal leading-normal"
     on:click={() => copy(text)}
   >
-    <Icon icon="copy" style="w-8" />
-    <div class="my-auto">
-      {text}
-    </div>
+    <iconify-icon icon="ph:copy-bold" width="32" />
+    <div class="my-auto">{text}</div>
   </button>
 </div>