From ef6f0d1e62a019a2b81a034e38efea337a4ef076 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Sun, 30 Mar 2025 20:35:57 +0200
Subject: [PATCH] update page

---
 src/lib/components/LoginPopup.svelte        | 68 +++++++++++----------
 src/routes/+page.svelte                     |  8 +--
 src/routes/pricing/+page.svelte             | 62 +++++++++----------
 src/routes/profile/+page.svelte             | 16 ++---
 src/routes/reset-password/+page.svelte      | 14 ++---
 src/routes/stocks/[tickerID]/+layout.svelte |  2 +-
 6 files changed, 85 insertions(+), 85 deletions(-)

diff --git a/src/lib/components/LoginPopup.svelte b/src/lib/components/LoginPopup.svelte
index b640b6db..10290e06 100644
--- a/src/lib/components/LoginPopup.svelte
+++ b/src/lib/components/LoginPopup.svelte
@@ -154,14 +154,14 @@ const output = await response.json();
   ></label>
 
   <div
-    class="modal-box w-full bg-[#18181B] sm:border sm:border-gray-600 rounded-none sm:rounded-lg {$screenWidth <
+    class="modal-box w-full bg-white shadow-sm dark:bg-[#18181B] sm:border sm:border-gray-600 rounded-none sm:rounded-lg {$screenWidth <
     640
       ? 'min-h-screen'
       : ''}"
   >
     <label
       for="userLogin"
-      class="cursor-pointer absolute right-3 top-2 text-xl text-white"
+      class="cursor-pointer absolute right-3 top-2 text-xl"
     >
       <svg
         class="h-8 w-8"
@@ -175,7 +175,7 @@ const output = await response.json();
         ></g><g id="SVGRepo_iconCarrier">
           <path
             d="M6.96967 16.4697C6.67678 16.7626 6.67678 17.2374 6.96967 17.5303C7.26256 17.8232 7.73744 17.8232 8.03033 17.5303L6.96967 16.4697ZM13.0303 12.5303C13.3232 12.2374 13.3232 11.7626 13.0303 11.4697C12.7374 11.1768 12.2626 11.1768 11.9697 11.4697L13.0303 12.5303ZM11.9697 11.4697C11.6768 11.7626 11.6768 12.2374 11.9697 12.5303C12.2626 12.8232 12.7374 12.8232 13.0303 12.5303L11.9697 11.4697ZM18.0303 7.53033C18.3232 7.23744 18.3232 6.76256 18.0303 6.46967C17.7374 6.17678 17.2626 6.17678 16.9697 6.46967L18.0303 7.53033ZM13.0303 11.4697C12.7374 11.1768 12.2626 11.1768 11.9697 11.4697C11.6768 11.7626 11.6768 12.2374 11.9697 12.5303L13.0303 11.4697ZM16.9697 17.5303C17.2626 17.8232 17.7374 17.8232 18.0303 17.5303C18.3232 17.2374 18.3232 16.7626 18.0303 16.4697L16.9697 17.5303ZM11.9697 12.5303C12.2626 12.8232 12.7374 12.8232 13.0303 12.5303C13.3232 12.2374 13.3232 11.7626 13.0303 11.4697L11.9697 12.5303ZM8.03033 6.46967C7.73744 6.17678 7.26256 6.17678 6.96967 6.46967C6.67678 6.76256 6.67678 7.23744 6.96967 7.53033L8.03033 6.46967ZM8.03033 17.5303L13.0303 12.5303L11.9697 11.4697L6.96967 16.4697L8.03033 17.5303ZM13.0303 12.5303L18.0303 7.53033L16.9697 6.46967L11.9697 11.4697L13.0303 12.5303ZM11.9697 12.5303L16.9697 17.5303L18.0303 16.4697L13.0303 11.4697L11.9697 12.5303ZM13.0303 11.4697L8.03033 6.46967L6.96967 7.53033L11.9697 12.5303L13.0303 11.4697Z"
-            fill="#fff"
+            fill="currentColor"
           ></path>
         </g></svg
       >
@@ -184,12 +184,12 @@ const output = await response.json();
     {#if displaySection === "login"}
       <div class="grid grid-cols-1 animate-fade-in-once">
         <div class="relative">
-          <h2 class="text-center text-white text-2xl pt-10 sm:pt-4 font-bold">
-            Sign In
-          </h2>
+          <h2 class="text-center text-2xl pt-10 sm:pt-4 font-bold">Sign In</h2>
         </div>
 
-        <span class="text-gray-400 text-center pb-4"> Welcome back! </span>
+        <span class="text-gray-600 dark:text-gray-400 text-center pb-4">
+          Welcome back!
+        </span>
 
         <div class="relative">
           <form
@@ -214,7 +214,7 @@ const output = await response.json();
             <div class="text-start w-full max-w-lg">
               <a
                 href="/reset-password"
-                class="text-start text-sm font-semibold text-[#FB6A67] hover:cursor-pointer hover:underline"
+                class="text-start text-sm font-semibold text-blue-700 dark:text-blue-400 cursor-pointer sm:hover:underline"
                 >Forgot Password?</a
               >
             </div>
@@ -222,13 +222,13 @@ const output = await response.json();
               {#if !loading && !isClicked}
                 <button
                   type="submit"
-                  class="btn bg-[#fff] border border-gray-600 sm:hover:bg-gray-300 transition duration-100 text-black btn-md w-full rounded-md m-auto font-semibold text-[1rem]"
+                  class="cursor-pointer py-2.5 bg-[#3B82F6] dark:bg-[#fff] border-none sm:hover:bg-blue-600 dark:sm:hover:bg-gray-300 transition duration-100 btn-md w-full rounded-md m-auto text-white dark:text-black font-semibold text-[1rem]"
                 >
                   <span>Login</span>
                 </button>
               {:else}
                 <label
-                  class="cursor-not-allowed btn bg-[#fff] opacity-[0.5] border border-gray-600 sm:hover:bg-gray-300 transition duration-100 text-black btn-md w-full rounded-md m-auto text-black font-semibold text-[1rem]"
+                  class="cursor-not-allowed btn bg-[#3B82F6] dark:bg-[#fff] opacity-[0.5] border border-gray-600 sm:hover:bg-blue-600 dark:sm:hover:bg-gray-300 transition duration-100 btn-md w-full rounded-md m-auto text-white dark:text-black font-semibold text-[1rem]"
                 >
                   <div class="flex flex-row m-auto items-center">
                     <span class="loading loading-infinity"></span>
@@ -238,8 +238,8 @@ const output = await response.json();
               {/if}
             </div>
 
-            <div class="divider divider-[#fff] pt-10 pb-10">
-              <span class="text-white text-[1rem] z-10">Or login using</span>
+            <div class="divider divider-[#fff] dark:pt-10 pb-10">
+              <span class=" text-[1rem] z-10">Or login using</span>
             </div>
 
             <div class="flex flex-row items-center gap-x-5 pb-6">
@@ -249,7 +249,7 @@ const output = await response.json();
                   on:click={() => (oauthLoading = !oauthLoading)}
                   on:mouseenter={handleHoverGoogle}
                   on:mouseleave={handleHoverGoogle}
-                  class="cursor-pointer shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
+                  class="cursor-pointer shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary"
                 >
                   <svg
                     class="{isHoveredGoogle
@@ -298,7 +298,7 @@ const output = await response.json();
                   on:click={() => (oauthLoading = !oauthLoading)}
                   on:mouseenter={handleHoverDiscord}
                   on:mouseleave={handleHoverDiscord}
-                  class="cursor-pointer shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
+                  class="cursor-pointer shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary"
                 >
                   <svg
                     class="{isHoveredDiscord
@@ -832,7 +832,7 @@ const output = await response.json();
                   on:click={() => (oauthLoading = !oauthLoading)}
                   on:mouseenter={handleHoverGithub}
                   on:mouseleave={handleHoverGithub}
-                  class="cursor-pointer shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
+                  class="cursor-pointer shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary"
                 >
                   <svg
                     class="{isHoveredGithub
@@ -850,12 +850,12 @@ const output = await response.json();
             </div>
 
             <p
-              class="pb-1 text-sm w-full max-w-lg text-gray-300 flex justify-center items-center"
+              class="pb-1 text-sm w-full max-w-lg flex justify-center items-center"
             >
               You don't have an account?
               <label
                 on:click={() => (displaySection = "register")}
-                class="text-blue-400 sm:hover:underline ml-1 cursor-pointer"
+                class="text-blue-700 dark:text-blue-400 sm:hover:underline ml-1 cursor-pointer"
                 >Sign up</label
               >
             </p>
@@ -863,14 +863,14 @@ const output = await response.json();
         </div>
       </div>
     {:else if displaySection === "register"}
-      <div class="grid grid-cols-1 gap-4text-white animate-fade-in-once">
+      <div class="grid grid-cols-1 gap-4 animate-fade-in-once">
         <div class="relative">
-          <h2 class="text-center text-white text-2xl pt-10 sm:pt-4 font-bold">
+          <h2 class="text-center text-2xl pt-10 sm:pt-4 font-bold">
             Getting Started
           </h2>
         </div>
 
-        <span class="text-gray-400 text-center pb-4">
+        <span class="text-gray-600 dark:text-gray-400 text-center pb-4">
           Create an account to get started
         </span>
 
@@ -912,13 +912,13 @@ const output = await response.json();
               {#if !loading && !isClicked}
                 <button
                   type="submit"
-                  class="btn bg-[#fff] border border-gray-600 sm:hover:bg-gray-300 transition duration-100 text-black btn-md w-full rounded-md m-auto font-semibold text-[1rem]"
+                  class="cursor-pointer py-2.5 bg-[#3B82F6] dark:bg-[#fff] border-none sm:hover:bg-blue-600 dark:sm:hover:bg-gray-300 transition duration-100 btn-md w-full rounded-md m-auto text-white dark:text-black font-semibold text-[1rem]"
                 >
                   <span>Register</span>
                 </button>
               {:else}
                 <label
-                  class="cursor-not-allowed btn bg-[#fff] opacity-[0.5] border border-gray-600 sm:hover:bg-gray-300 transition duration-100 text-black btn-md w-full rounded-md m-auto font-semibold text-[1rem]"
+                  class="cursor-not-allowed btn bg-[#3B82F6] dark:bg-[#fff] opacity-[0.5] border border-gray-600 sm:hover:bg-blue-600 dark:sm:hover:bg-gray-300 transition duration-100 btn-md w-full rounded-md m-auto text-white dark:text-black font-semibold text-[1rem]"
                 >
                   <div class="flex flex-row m-auto items-center">
                     <span class="loading loading-infinity"></span>
@@ -929,7 +929,7 @@ const output = await response.json();
             </div>
 
             <div class="divider divider-[#fff] pt-10 pb-10">
-              <span class="text-white text-[1rem] z-10">Or register using</span>
+              <span class=" text-[1rem] z-10">Or register using</span>
             </div>
 
             <div class="flex flex-row items-center gap-x-5 pb-6">
@@ -939,7 +939,7 @@ const output = await response.json();
                   on:click={() => (oauthLoading = !oauthLoading)}
                   on:mouseenter={handleHoverGoogle}
                   on:mouseleave={handleHoverGoogle}
-                  class="cursor-pointer shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
+                  class="cursor-pointer shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary"
                 >
                   <svg
                     class="{isHoveredGoogle
@@ -988,7 +988,7 @@ const output = await response.json();
                   on:click={() => (oauthLoading = !oauthLoading)}
                   on:mouseenter={handleHoverDiscord}
                   on:mouseleave={handleHoverDiscord}
-                  class="cursor-pointer shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
+                  class="cursor-pointer shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary"
                 >
                   <svg
                     class="{isHoveredDiscord
@@ -1522,7 +1522,7 @@ const output = await response.json();
                   on:click={() => (oauthLoading = !oauthLoading)}
                   on:mouseenter={handleHoverGithub}
                   on:mouseleave={handleHoverGithub}
-                  class="cursor-pointer shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
+                  class="cursor-pointer shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary"
                 >
                   <svg
                     class="{isHoveredGithub
@@ -1539,24 +1539,28 @@ const output = await response.json();
               </form>
             </div>
 
-            <p class="pb-1 text-xs text-gray-300 text-center">
-              By registering you agree to stocknear's
-              <a href="/terms-of-use" class="text-blue-400 hover:underline"
+            <p class="pb-1 text-xs text-center">
+              By registering you agree to Stocknear's
+              <a
+                href="/terms-of-use"
+                class="text-blue-700 dark:text-blue-400 sm:hover:underline"
                 >Terms of Use</a
               >
               and acknowledge that you've read our
-              <a href="/privacy-policy" class="text-blue-400 hover:underline"
+              <a
+                href="/privacy-policy"
+                class="text-blue-700 dark:text-blue-400 sm:hover:underline"
                 >Privacy Policy</a
               >.
             </p>
 
             <p
-              class="pt-3 pb-1 text-sm w-full max-w-lg text-gray-300 flex justify-center items-center"
+              class="pt-3 pb-1 text-sm w-full max-w-lg flex justify-center items-center"
             >
               You already have an account?
               <label
                 on:click={() => (displaySection = "login")}
-                class="text-blue-400 hover:underline ml-1 cursor-pointer"
+                class="text-blue-700 dark:text-blue-400 sm:hover:underline ml-1 cursor-pointer"
                 >Sign in</label
               >
             </p>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 1b52baa1..4c265ad9 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -69,16 +69,15 @@
     <svelte:component this={AppInstalled} />
   {/if}
 
-  <!--
   {#if !["Pro", "Plus"]?.includes(data?.user?.tier) || data?.user?.freeTrial === true}
     <div class="flex justify-center mb-5">
       <a
         href="/pricing"
-        class="cursor-pointer hidden sm:flex items-center gap-2 px-6 py-3.5 sm:px-3.5 sm:py-2.5 text-[1rem] font-medium dark:text-indigo-300 bg-blue-100 dark:bg-indigo-500/20 sm:hover:bg-indigo-500/30 border border-indigo-500/20 shadow dark:border-indigo-500/30 rounded-lg transition-all duration-100"
+        class="cursor-pointer hidden sm:flex items-center gap-2 px-6 py-3.5 sm:px-3.5 sm:py-2.5 text-[1rem] font-medium bg-blue-100 dark:bg-blue-500/60 sm:hover:bg-blue-400/30 border border-indigo-500/20 shadow rounded-lg transition-all duration-100"
         tabindex="0"
       >
         <svg
-          class="w-5 h-5 text-zinc-500 dark:text-zinc-300"
+          class="w-5 h-5 text-zinc-500 dark:text-orange-200"
           fill="currentColor"
           viewBox="0 0 20 20"
           aria-hidden="true"
@@ -90,11 +89,10 @@
             clip-rule="evenodd"
           ></path>
         </svg>
-        <span>Introducing Plus Tier: Our new affordable plan for Traders</span>
+        <strong>Spring Sale:</strong>Get<strong>50% OFF</strong> on Pro Membership!
       </a>
     </div>
   {/if}
-  -->
 
   <div class="flex flex-col m-auto justify-center items-center">
     <div class="text-center mb-10 w-full px-4 sm:px-3 mt-10">
diff --git a/src/routes/pricing/+page.svelte b/src/routes/pricing/+page.svelte
index 721ba5c0..522ae985 100644
--- a/src/routes/pricing/+page.svelte
+++ b/src/routes/pricing/+page.svelte
@@ -99,14 +99,12 @@
         fill="currentColor"
         stroke-width="0"
         viewBox="0 0 640 512"
-        class="text-muted dark:text-zinc-400 mr-2"
-        height="1em"
-        width="1em"
+        class="mr-2 w-4 h-4 sm:w-5 sm:h-5"
         xmlns="http://www.w3.org/2000/svg"
         ><path
           d="M96 224c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm448 0c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm32 32h-64c-17.6 0-33.5 7.1-45.1 18.6 40.3 22.1 68.9 62 75.1 109.4h66c17.7 0 32-14.3 32-32v-32c0-35.3-28.7-64-64-64zm-256 0c61.9 0 112-50.1 112-112S381.9 32 320 32 208 82.1 208 144s50.1 112 112 112zm76.8 32h-8.3c-20.8 10-43.9 16-68.5 16s-47.6-6-68.5-16h-8.3C179.6 288 128 339.6 128 403.2V432c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48v-28.8c0-63.6-51.6-115.2-115.2-115.2zm-223.7-13.4C161.5 263.1 145.6 256 128 256H64c-35.3 0-64 28.7-64 64v32c0 17.7 14.3 32 32 32h65.9c6.3-47.4 34.9-87.3 75.2-109.4z"
         ></path></svg
-      ><span class="font-medium text-muted dark:text-zinc-300 text-lg"
+      ><span class="font-medium text-sm sm:text-lg"
         >Trusted by <span class="font-semibold">5,000</span>+ Traders</span
       >
     </div>
@@ -114,7 +112,7 @@
       class="hidden sm:inline-block text-zinc-600"
       style="opacity: 1; transform: none;">|</span
     >
-    <div class="mt-2 sm:mt-0 flex items-center text-lg">
+    <div class="mt-2 sm:mt-0 flex items-center text-sm sm:text-lg">
       <svg
         stroke="currentColor"
         fill="currentColor"
@@ -127,9 +125,8 @@
         ><path
           d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
         ></path></svg
-      ><span class="ml-1 mr-2 font-bold text-muted dark:text-zinc-300"
-        ><span>4.4</span>/5</span
-      ><span class="font-medium text-muted dark:text-zinc-300"
+      ><span class="ml-1 mr-2 font-bold"><span>4.4</span>/5</span><span
+        class="font-medium"
         >Rated "Excellent" on <a
           rel="noopener noreferrer"
           target="_blank"
@@ -145,34 +142,14 @@
   <div class="px-3">
     <div class="mx-auto text-center mb-8">
       <h1 class="text-4xl sm:text-5xl font-bold pb-4">
-        Save Time & Maximize Profits
+        Clear Insights, Smart Trades.
       </h1>
     </div>
 
     <!--<Discount/>-->
 
-    <div class="flex flex-row items-center justify-center lg:justify-between">
-      <div
-        class="hidden lg:inline-flex items-center px-2.5 py-1 rounded-md bg-blue-100 dark:bg-indigo-500/10 border border-blue-100 shadow-sm dark:border-indigo-500/20"
-      >
-        <svg
-          stroke="currentColor"
-          fill="currentColor"
-          stroke-width="0"
-          viewBox="0 0 576 512"
-          class="text-muted dark:text-indigo-400 mr-1.5 text-xs"
-          height="1em"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-          ><path
-            d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
-          ></path></svg
-        ><span class="text-sm text-muted dark:text-indigo-300"
-          >Rated <span class="font-medium mx-0.5">Excellent</span> on Trustpilot</span
-        >
-      </div>
-
-      <div class="flex flex-row items-center">
+    <div class="flex flex-row items-center justify-center mb-5 sm:mb-0">
+      <div class="flex flex-row items-center ml-auto">
         <span class="text-[1rem] font-semibold mr-3"> Monthly </span>
 
         <label class="inline-flex cursor-pointer relative">
@@ -676,8 +653,21 @@
       </div>
       <div
         style="opacity: 1; transform: translateY(20px);"
-        class="flex flex-col relative bg-zinc-300 dark:bg-zinc-900 bg-opacity-80 backdrop-filter backdrop-blur-lg rounded-xl overflow-visible border border-zinc-300 dark:border-zinc-600 p-6 isolate"
+        class="relative flex flex-col relative bg-zinc-300 dark:bg-zinc-900 bg-opacity-80 backdrop-filter backdrop-blur-lg rounded-xl overflow-visible border border-zinc-300 dark:border-zinc-600 p-6 isolate"
       >
+        <div
+          class="w-fit absolute -top-[20px] left-1/2 transform -translate-x-1/2 whitespace-nowrap m-auto px-4 py-1.5 rounded-md text-sm font-medium backdrop-blur-xl
+                  bg-blue-600 text-white shadow-sm"
+        >
+          <span class="flex items-center gap-1.5"
+            ><svg class="w-3 h-3" fill="currentColor" viewBox="0 0 24 24"
+              ><path
+                d="M12 .587l3.668 7.568 8.332 1.151-6.064 5.828 1.48 8.279-7.416-3.967-7.417 3.967 1.481-8.279-6.064-5.828 8.332-1.151z"
+              ></path></svg
+            >Most Popular</span
+          >
+        </div>
+
         <h3 class="text-3xl font-bold">Plus</h3>
         <p class="text-muted dark:text-zinc-300 text-sm mt-1">
           Best for Intermediate Traders
@@ -1063,6 +1053,13 @@
             <span class="">Realtime Dark Pool Trades</span>
           </li>
         </ul>
+        {#if !["Pro", "Plus"]?.includes(data?.user?.tier) || data?.user?.freeTrial === true}
+          <div class="mt-3 items-center text-[1rem] font-medium mb-5">
+            Promo Code: <strong>SPRINGSALE</strong>
+            <br class="mb-2" />
+            Get <strong>50% OFF</strong> on Pro Annual Membership!
+          </div>
+        {/if}
         <div class="mt-auto pt-6 border-t border-zinc-700 mx-4">
           <label
             for={!data?.user ? "userLogin" : ""}
@@ -1084,6 +1081,7 @@
           >
         </div>
       </div>
+
       <!--
       <div
         class="relative min-h-[330px] lg:min-h-[240px] text-left w-full col-span-1 lg:col-span-3 bg-zinc-300 dark:bg-zinc-900 bg-opacity-80 backdrop-filter backdrop-blur-lg rounded-xl overflow-visible border border-zinc-200 dark:border-zinc-600 p-6 isolate translate-y-5 opacity-100"
diff --git a/src/routes/profile/+page.svelte b/src/routes/profile/+page.svelte
index befceb1f..7a349d1c 100644
--- a/src/routes/profile/+page.svelte
+++ b/src/routes/profile/+page.svelte
@@ -218,7 +218,7 @@
             </div>
             <a
               href="/update-password"
-              class="sm:hover:text-muted dark:sm:hover:text-white text-blue-600 dark:text-blue-400"
+              class="sm:hover:text-muted dark:sm:hover:text-white text-blue-700 dark:text-blue-400"
               >Update Password</a
             >
           </div>
@@ -479,7 +479,7 @@
             {:else if subscriptionData?.first_order_item?.product_name?.includes("Life Time")}{:else}
               <a
                 href="/pricing"
-                class="sm:hover:text-muted dark:sm:hover:text-white text-blue-600 dark:text-blue-400"
+                class="sm:hover:text-muted dark:sm:hover:text-white text-blue-700 dark:text-blue-400"
               >
                 Get Full Access with Pro Subscription.
               </a>
@@ -498,7 +498,7 @@
                 <li>
                   Send an email to <a
                     href={`mailto:${emailAddress}`}
-                    class="sm:hover:text-muted dark:sm:hover:text-white text-blue-600 dark:text-blue-400"
+                    class="sm:hover:text-muted dark:sm:hover:text-white text-blue-700 dark:text-blue-400"
                     >{emailAddress}</a
                   >
                 </li>
@@ -508,7 +508,7 @@
                     rel="noopener noreferrer"
                     target="_blank"
                     href="https://www.reddit.com/r/stocknear/"
-                    class="sm:hover:text-muted dark:sm:hover:text-white text-blue-600 dark:text-blue-400"
+                    class="sm:hover:text-muted dark:sm:hover:text-white text-blue-700 dark:text-blue-400"
                   >
                     r/stocknear</a
                   >.
@@ -518,7 +518,7 @@
                     rel="noopener noreferrer"
                     target="_blank"
                     href="https://discord.com/invite/hCwZMMZ2MT"
-                    class="sm:hover:text-muted dark:sm:hover:text-white text-blue-600 dark:text-blue-400"
+                    class="sm:hover:text-muted dark:sm:hover:text-white text-blue-700 dark:text-blue-400"
                     >Discord Channel</a
                   >.
                 </li>
@@ -676,7 +676,7 @@
   <label for="installModal" class="cursor-pointer modal-backdrop"></label>
 
   <div
-    class="modal-box text-white rounded w-full bg-secondary shadow-sm border border-gray-300 dark:border-gray-600"
+    class="modal-box rounded w-full bg-white dark:bg-secondary shadow-sm border border-gray-300 dark:border-gray-600"
   >
     <div class="flex flex-row items-center pt-5">
       <h4 class=" text-2xl font-bold text-center m-auto">Steps to install</h4>
@@ -689,7 +689,7 @@
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 24 24"
           ><path
-            fill="white"
+            fill="currentColor"
             d="m6.4 18.308l-.708-.708l5.6-5.6l-5.6-5.6l.708-.708l5.6 5.6l5.6-5.6l.708.708l-5.6 5.6l5.6 5.6l-.708.708l-5.6-5.6z"
           /></svg
         >
@@ -708,7 +708,7 @@
       </ul>
     </div>
 
-    <div class="boshadow-sm rder-t border-gray-300 dark:border-gray-600 mt-2">
+    <div class=" border-t border-gray-300 dark:border-gray-600 mt-2">
       <label
         for="installModal"
         class="mt-4 font-semibold text-xl m-auto flex justify-center cursor-pointer"
diff --git a/src/routes/reset-password/+page.svelte b/src/routes/reset-password/+page.svelte
index f858b17b..89b59cf8 100644
--- a/src/routes/reset-password/+page.svelte
+++ b/src/routes/reset-password/+page.svelte
@@ -51,12 +51,12 @@
 />
 
 <div
-  class="flex flex-col items-center min-h-screen w-full max-w-3xl m-auto mt-40"
+  class="flex flex-col items-center min-h-screen w-full max-w-3xl m-auto mt-20"
 >
-  <h2 class="text-center text-3xl font-bold tracking-tight text-white">
+  <h2 class="text-center text-3xl font-bold tracking-tight">
     Reset Your Password
   </h2>
-  <p class="text-center mt-1 text-white">
+  <p class="text-center mt-1">
     We'll send you an email with a link to reset your password.
   </p>
   <form
@@ -67,7 +67,7 @@
   >
     <input
       name="email"
-      class="py-2.5 rounded w-full border border-gray-600 focus:outline-none max-w-lg bg-[#242527] placeholder-gray-400 text-white whitespace-normal"
+      class="input input-lg input-bordered border border-gray-600 focus:outline-none w-full max-w-lg bg-white dark:bg-secondary placeholder-gray-600 dark:placeholder-gray-300 whitespace-normal"
       type="email"
       required
       bind:value={email}
@@ -78,17 +78,17 @@
         {#if !loading && !isClicked}
           <button
             type="submit"
-            class="cursor-pointer py-2.5 bg-[#fff] border-none sm:hover:bg-gray-300 transition duration-100 btn-md w-full rounded m-auto text-black font-semibold text-[1rem]"
+            class="cursor-pointer py-2.5 bg-[#3B82F6] dark:bg-[#fff] border-none sm:hover:bg-blue-600 dark:sm:hover:bg-gray-300 transition duration-100 btn-md w-full rounded-md m-auto text-white dark:text-black font-semibold text-[1rem]"
           >
             <span> Request Password Reset</span>
           </button>
         {:else}
           <label
-            class="cursor-not-allowed btn bg-[#fff] opacity-[0.5] border border-gray-600 sm:hover:bg-gray-300 transition duration-100 btn-md w-full rounded-md m-auto text-black font-semibold text-[1rem]"
+            class="cursor-not-allowed btn bg-[#3B82F6] dark:bg-[#fff] opacity-[0.5] border border-gray-600 sm:hover:bg-blue-600 dark:sm:hover:bg-gray-300 transition duration-100 btn-md w-full rounded-md m-auto text-white dark:text-black font-semibold text-[1rem]"
           >
             <div class="flex flex-row m-auto items-center">
               <span class="loading loading-infinity"></span>
-              <span class=" ml-1.5">Resetting</span>
+              <span class="ml-1.5">Resetting</span>
             </div>
           </label>
         {/if}
diff --git a/src/routes/stocks/[tickerID]/+layout.svelte b/src/routes/stocks/[tickerID]/+layout.svelte
index 2021e465..eb300504 100644
--- a/src/routes/stocks/[tickerID]/+layout.svelte
+++ b/src/routes/stocks/[tickerID]/+layout.svelte
@@ -688,7 +688,7 @@
                                 xmlns="http://www.w3.org/2000/svg"
                                 viewBox="0 0 16 16"
                                 ><path
-                                  fill={$mode === "light" ? "#3B82F6" : "white"}
+                                  fill={$mode === "light" ? "black" : "white"}
                                   d="M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256l4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73l3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356l-.83 4.73zm4.905-2.767l-3.686 1.894l.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288L8 2.223l1.847 3.658a.525.525 0 0 0 .393.288l4.052.575l-2.906 2.77a.565.565 0 0 0-.163.506l.694 3.957l-3.686-1.894a.503.503 0 0 0-.461 0z"
                                 /></svg
                               >