fix opacity classes

5 files changed, 19 insertions, 30 deletions

diff --git a/src/routes/(app)/[username]/(profile)/+layout.svelte b/src/routes/(app)/[username]/(profile)/+layout.svelte
index b384344e..5d9611a5 100644
--- a/src/routes/(app)/[username]/(profile)/+layout.svelte
+++ b/src/routes/(app)/[username]/(profile)/+layout.svelte
@@ -329,7 +329,7 @@
 
 {#if currency}
   <div
-    class="flex fixed w-full px-4 bg-base-100 py-2 pb-3 bottom-0 bg-opacity-90 tabular-nums"
+    class="flex fixed w-full px-4 bg-base-100/90 py-2 pb-3 bottom-0 tabular-nums"
     style="bottom: calc(var(--safe-area-inset-bottom) + 8px);"
   >
     <div class="text-secondary flex mr-auto">
diff --git a/src/routes/(app)/account/ark/+page.svelte b/src/routes/(app)/account/ark/+page.svelte
index ff313664..6d1d73f2 100644
--- a/src/routes/(app)/account/ark/+page.svelte
+++ b/src/routes/(app)/account/ark/+page.svelte
@@ -85,7 +85,6 @@
 
 <div class="space-y-5">
   <div class="flex items-center justify-center gap-2">
-    <iconify-icon noobserver icon="ph:vault-bold" width="32"></iconify-icon>
     <h1 class="text-3xl font-semibold">Create Ark Wallet</h1>
   </div>
 
@@ -93,28 +92,20 @@
     {#if !confirmed}
       <div class="space-y-4">
         <p class="text-secondary">
-          Your Ark wallet is secured by a private key. Back it up now - you won't be able to see it again without your password.
+          Your Ark wallet is secured by a private key. Please copy it down somewhere safe.
         </p>
 
         {#if showNsec}
           <div class="space-y-2">
-            <div class="text-sm text-secondary">Your backup key (nsec)</div>
             <div
-              class="text-sm break-all bg-warning/20 p-4 rounded-lg cursor-pointer border border-warning font-mono"
+              class="break-all p-4 rounded-lg cursor-pointer border"
               onclick={() => copy(nsec)}
             >
               {nsec}
             </div>
-            <div class="text-sm text-warning">
-              Click to copy. Store this somewhere safe - anyone with this key can spend your funds.
-            </div>
           </div>
 
           <div class="flex gap-2">
-            <button type="button" class="btn flex-grow" onclick={generateKey}>
-              <iconify-icon noobserver icon="ph:dice-three-bold" width="24"></iconify-icon>
-              Regenerate
-            </button>
             <button type="button" class="btn btn-accent flex-grow" onclick={confirmBackup}>
               <iconify-icon noobserver icon="ph:check-bold" width="24"></iconify-icon>
               I've backed it up
diff --git a/src/routes/(app)/account/savings/+page.svelte b/src/routes/(app)/account/savings/+page.svelte
index a474ad52..3e26fd3e 100644
--- a/src/routes/(app)/account/savings/+page.svelte
+++ b/src/routes/(app)/account/savings/+page.svelte
@@ -3,35 +3,33 @@
 </script>
 
 <div class="space-y-5">
-  <h1 class="text-center text-3xl font-semibold">
-    Choose wallet type
-  </h1>
+  <h1 class="text-center text-3xl font-semibold">Choose wallet type</h1>
 
   <div class="container w-full mx-auto text-lg px-4 max-w-xl space-y-5">
     <a href="/account/bitcoin" class="block">
-      <div class="card card-side shadow shadow-base-300 p-8 hover:bg-base-200">
-        <figure class="w-20 flex items-center justify-center">
-          <iconify-icon noobserver icon="ph:coins-bold" width="64"></iconify-icon>
-        </figure>
+      <div class="card card-side shadow shadow-base-300 p-8 hover:bg-base-200 gap-4 items-center">
+        <iconify-icon noobserver icon="logos:bitcoin" width={48}></iconify-icon>
         <div>
           <div class="text-xl">Bitcoin (On-chain)</div>
           <div class="text-secondary">
-            Standard Bitcoin wallet secured by a 12-word seed phrase.
-            Full control over your UTXOs.
+            Standard Bitcoin wallet secured by a 12-word seed phrase. Full
+            control over your UTXOs.
           </div>
         </div>
       </div>
     </a>
     <a href="/account/ark" class="block">
-      <div class="card card-side shadow shadow-base-300 p-8 hover:bg-base-200">
-        <figure class="w-20 flex items-center justify-center">
-          <iconify-icon noobserver icon="ph:vault-bold" width="64"></iconify-icon>
-        </figure>
+      <div class="card card-side shadow shadow-base-300 p-8 hover:bg-base-200 gap-4 items-center">
+        <img
+          src="/images/ark.png"
+          class="w-12 h-12 rounded-full object-cover"
+          alt="Ark"
+        />
         <div>
           <div class="text-xl">Ark (Off-chain)</div>
           <div class="text-secondary">
-            Fast, private transactions using virtual UTXOs.
-            Lower fees with instant settlement.
+            Fast, private transactions using virtual UTXOs. Lower fees with
+            instant settlement.
           </div>
         </div>
       </div>
diff --git a/src/routes/(app)/settings/account/+page.svelte b/src/routes/(app)/settings/account/+page.svelte
index 8b38ffe8..c51c2928 100644
--- a/src/routes/(app)/settings/account/+page.svelte
+++ b/src/routes/(app)/settings/account/+page.svelte
@@ -272,7 +272,7 @@
 
 {#if editingThreshold}
   <div
-    class="fixed bg-base-100 bg-opacity-90 inset-0 overflow-y-auto h-full w-full z-50 max-w-lg mx-auto"
+    class="fixed bg-base-100/90 inset-0 overflow-y-auto h-full w-full z-50 max-w-lg mx-auto"
   >
     <div class="relative p-5 border shadow-lg rounded-md bg-base-100 space-y-5">
       <h1 class="text-center text-2xl font-semibold">
@@ -298,7 +298,7 @@
 
 {#if editingReserve}
   <div
-    class="fixed bg-base-100 bg-opacity-90 inset-0 overflow-y-auto h-full w-full z-50 mx-auto max-w-lg"
+    class="fixed bg-base-100/90 inset-0 overflow-y-auto h-full w-full z-50 mx-auto max-w-lg"
   >
     <div
       class="relative mx-auto p-5 border shadow-lg rounded-md bg-base-100 space-y-5 text-center"
diff --git a/src/routes/(static)/login/+page.svelte b/src/routes/(static)/login/+page.svelte
index fe2f4533..28e82e09 100644
--- a/src/routes/(static)/login/+page.svelte
+++ b/src/routes/(static)/login/+page.svelte
@@ -227,7 +227,7 @@
 
 {#if need2fa && token.length < 6}
   <div
-    class="fixed bg-base-100 bg-opacity-90 inset-0 h-full w-full z-50 cursor-default"
+    class="fixed bg-base-100/90 inset-0 h-full w-full z-50 cursor-default"
     onclick={(e) => e.stopPropagation()}
     role="dialog"
     aria-labelledby="title"