ui adjustments

4 files changed, 15 insertions, 13 deletions

diff --git a/src/app.css b/src/app.css
index 629b12e3..bcd5421c 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
@@ -90,7 +92,7 @@
 }
 
 html {
-  font-family: PublicSans, sans-serif;
+  font-family: 'Inter', sans-serif;
 }
 
 :root {
diff --git a/src/routes/(app)/forgot/+page.svelte b/src/routes/(app)/forgot/+page.svelte
index 4ef773aa..127241ce 100644
--- a/src/routes/(app)/forgot/+page.svelte
+++ b/src/routes/(app)/forgot/+page.svelte
@@ -14,8 +14,8 @@
 <div class="pt-10">
   <div class="w-[243px] mx-auto mb-10">
     <a href="/">
-      <Icon icon="logo-dark" style="hidden dark:block" />
-      <Icon icon="logo" style="dark:hidden block" />
+      <img src="images/logo.png" alt="" class="dark:hidden block" />
+			<img src="images/logo-white.png" alt="" class="hidden dark:block" />
     </a>
   </div>
 
@@ -23,7 +23,7 @@
     <div
       class="shadow-xl dark:bg-stone-800  rounded-3xl p-10 pb-12 space-y-5 w-full mx-5 md:mx-0 md:w-[400px]"
     >
-      <h1 class="text-2xl font-bold text-center dark:text-gray-50">{$t("login.reset")}</h1>
+      <h1 class="text-4xl font-bebasNeue tracking-[0.25rem] font-bold text-center dark:text-gray-50">{$t("login.reset")}</h1>
 
       {#if form?.error}
         <div class="text-red-600 text-center" in:fly>
diff --git a/src/routes/(app)/login/+page.svelte b/src/routes/(app)/login/+page.svelte
index 4a232598..e10bc206 100644
--- a/src/routes/(app)/login/+page.svelte
+++ b/src/routes/(app)/login/+page.svelte
@@ -79,8 +79,8 @@
 <div class="pt-10">
   <div class="w-[243px] mx-auto mb-10">
     <a href="/">
-      <Icon icon="logo-dark" style="hidden dark:block" />
-      <Icon icon="logo" style="dark:hidden block" />
+      <img src="images/logo.png" alt="" class="dark:hidden block" />
+			<img src="images/logo-white.png" alt="" class="hidden dark:block" />
     </a>
   </div>
 
@@ -88,7 +88,7 @@
     <div
       class="shadow-xl dark:bg-stone-800 rounded-3xl p-5 sm:p-10 pb-8 sm:pb-12 space-y-5 w-full mx-5 md:mx-0 md:w-[400px] "
     >
-      <h1 class="text-2xl font-bold text-center dark:text-gray-50">{$t("login.signIn")}</h1>
+      <h1 class="text-4xl text-center dark:text-gray-50 font-bold font-bebasNeue tracking-[0.25rem]">{$t("login.signIn")}</h1>
 
       {#if form?.error}
         <div class="text-red-600 text-center" in:fly>
@@ -156,14 +156,14 @@
         </div>
 
         <div class="flex justify-end items-center">
-          <a href="/forgot" class="underline underline-offset-4 text-black dark:text-blue-400"
+          <a href="/forgot" class="underline underline-offset-4 text-black dark:text-white decoration-swapee-purple hover:opacity-75 decoration-2 "
             >{$t("login.forgotUserOrPassword")}</a
           >
         </div>
 
         <button
           type="submit"
-          class="bg-black text-white w-full rounded-2xl p-4 font-semibold hover:opacity-80 dark:bg-swapee-purple active:scale-95 transition-all"
+          class="bg-black text-white w-full rounded-2xl p-4 font-semibold hover:opacity-80 dark:bg-swapee-purple active:scale-95 transition-all "
           disabled={loading}
           bind:this={btn}
         >
@@ -179,7 +179,7 @@
         {$t("login.haveAccount")}
         <a
           href={"/register"}
-          class="block md:inline text-black dark:text-blue-400 underline underline-offset-4 hover:opacity-80"
+          class="block md:inline-block underline underline-offset-4 text-black dark:text-white decoration-swapee-purple hover:opacity-75 decoration-2"
         >
           {$t("login.register")}
         </a>
diff --git a/src/routes/(app)/register/+page.svelte b/src/routes/(app)/register/+page.svelte
index 02f18222..82bfbde4 100644
--- a/src/routes/(app)/register/+page.svelte
+++ b/src/routes/(app)/register/+page.svelte
@@ -157,8 +157,8 @@
 <div class="pt-4">
   <div class="w-[243px] mx-auto mb-10 mt-6">
     <a href="/">
-      <Icon icon="logo-dark" style="hidden dark:block mb-5" />
-      <Icon icon="logo" style="dark:hidden block" />
+      <img src="images/logo.png" alt="" class="dark:hidden block" />
+			<img src="images/logo-white.png" alt="" class="hidden dark:block mb-5" />
     </a>
   </div>
 
@@ -308,7 +308,7 @@
         {$t("login.haveAccount")}
         <a
           href={"/login"}
-          class="block md:inline text-black dark:text-blue-400 underline underline-offset-4 hover:opacity-80"
+          class="block md:inline underline underline-offset-4 text-black dark:text-white decoration-swapee-purple hover:opacity-75 decoration-2"
         >
           {$t("login.signIn")}
         </a>