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

---
 src/components/Account.svelte | 2 +-
 src/components/Pin.svelte     | 8 +++-----
 src/components/Pinpad.svelte  | 6 +++---
 3 files changed, 7 insertions(+), 9 deletions(-)

(limited to 'src/components')

diff --git a/src/components/Account.svelte b/src/components/Account.svelte
index 45916e0b..b3bba3b1 100644
--- a/src/components/Account.svelte
+++ b/src/components/Account.svelte
@@ -15,7 +15,7 @@
 
 <a
   href={`/payments`}
-  class="block space-y-2 border-black py-4"
+  class="block space-y-2 border-primary py-4"
   class:border-b-8={!last}
   on:click={setAccount}
 >
diff --git a/src/components/Pin.svelte b/src/components/Pin.svelte
index 9ac3d754..3a8e9e84 100644
--- a/src/components/Pin.svelte
+++ b/src/components/Pin.svelte
@@ -44,11 +44,9 @@
 </script>
 
 {#if loaded}
-  <div
-    class="fixed inset-0 bg-gray-600 bg-opacity-50 overflow-y-auto h-full w-full z-50"
-  >
+  <div class="fixed inset-0 overflow-y-auto h-full w-full z-50">
     <div
-      class="relative top-40 mx-auto p-5 border w-96 shadow-lg rounded-md bg-white space-y-5"
+      class="relative top-40 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">{title}</h1>
       <Pinpad bind:v={p} {cancel} />
@@ -73,7 +71,7 @@
 
       <div class="w-full flex">
         <button
-          class="border-2 border-black rounded-xl font-semibold mx-auto py-3 w-40 hover:opacity-80 mx-auto"
+          class="border-2 border-primary rounded-xl font-semibold mx-auto py-3 w-40 hover:opacity-80 mx-auto"
           on:click|preventDefault={cancel}
         >
           <div class="my-auto">Cancel</div>
diff --git a/src/components/Pinpad.svelte b/src/components/Pinpad.svelte
index 585a7942..f39d8e02 100644
--- a/src/components/Pinpad.svelte
+++ b/src/components/Pinpad.svelte
@@ -38,14 +38,14 @@
 
 <div class="flex justify-center items-center">
   <div class="space-y-5">
-    <div class="text-5xl md:text-6xl font-semibold relative w-[300px]">
+    <div class="font-semibold relative w-[300px]">
       {#if hide}
         <input
           on:keydown={validate}
           use:focus
           bind:value={v}
           type="password"
-          class="outline-none border-0 text-center py-0"
+          class="outline-none border-0 text-center py-0 !text-5xl"
           pattern="[0-9]+"
         />
       {:else}
@@ -53,7 +53,7 @@
           on:keydown={validate}
           use:focus
           bind:value={v}
-          class="outline-none border-0 text-center py-0"
+          class="outline-none border-0 text-center py-0 !text-5xl"
           type="text"
           pattern="[0-9]+"
         />
-- 
cgit v1.2.3