ui fix

src/lib/components/Footer.svelte

@@ -196,7 +196,7 @@
             <a
               href="/affiliate-program"
               class="no-underline sm:hover:underline text-gray-300 sm:hover:text-white dark:text-gray-100 dark:sm:hover:text-blue-400"
-              >Affiliate Program</a
+              >Referral Program</a
             >
           </li>
         </ul>

src/lib/components/Table/OptionsFlowTable.svelte

@@ -616,7 +616,7 @@
           class="p-2 text-center text-sm sm:text-[1rem] whitespace-nowrap {optionsWatchlist.optionsId?.includes(
             displayedData[index]?.id,
           )
-            ? 'text-[#FBCE3C]'
+            ? 'text-[#FFA500]'
             : ''}"
         >
           <svg

src/routes/affiliate-program/+page.svelte

@@ -85,7 +85,7 @@
           loading="lazy"
         />
         <h1 class="mt-1 text-4xl font-bold sm:text-5xl lg:text-6xl">
-          Affiliate Program
+          Referral Program
         </h1>
         <p
           class="mx-auto mt-5 max-w-3xl text-xl leading-normal md:mt-7 md:text-2xl"

src/routes/analysts/+page.svelte

@@ -198,7 +198,7 @@
                             {#each Array.from({ length: 5 }) as _, i}
                               {#if i < Math.floor(item?.analystScore)}
                                 <svg
-                                  class="w-3.5 h-3.5 text-[#FBCE3C]"
+                                  class="w-3.5 h-3.5 text-[#FFA500]"
                                   aria-hidden="true"
                                   xmlns="http://www.w3.org/2000/svg"
                                   fill="currentColor"

src/routes/analysts/[slug]/+page.svelte

@@ -227,7 +227,7 @@
                       {#each Array.from({ length: 5 }) as _, i}
                         {#if i < Math?.floor(analystScore)}
                           <svg
-                            class="w-5 h-5 text-[#FBCE3C]"
+                            class="w-5 h-5 text-[#FFA500]"
                             aria-hidden="true"
                             xmlns="http://www.w3.org/2000/svg"
                             fill="currentColor"

src/routes/economic-calendar/+page.svelte

@@ -540,7 +540,7 @@
                                   {#if i > 0}
                                     {#each Array(i) as _}
                                       <svg
-                                        class="w-4 h-4 text-[#FBCE3C]"
+                                        class="w-4 h-4 text-[#FFA500]"
                                         aria-hidden="true"
                                         xmlns="http://www.w3.org/2000/svg"
                                         fill="currentColor"
@@ -734,7 +734,7 @@
                                     {#each Array.from({ length: 3 }) as _, i}
                                       {#if i < Math.floor(item?.importance)}
                                         <svg
-                                          class="w-4 h-4 text-[#FBCE3C]"
+                                          class="w-4 h-4 text-[#FFA500]"
                                           aria-hidden="true"
                                           xmlns="http://www.w3.org/2000/svg"
                                           fill="currentColor"

src/routes/market-flow/+page.svelte

@@ -325,7 +325,7 @@
           dashStyle: "Solid",
         },
         labels: {
-          style: { color: $mode === "light" ? "black" : "white" },
+          style: { color: $mode === "light" ? "#545454" : "white" },
           distance: 10, // Increases space between label and axis
           formatter: function () {
             const date = new Date(this?.value);
@@ -365,7 +365,7 @@
           gridLineWidth: 1,
           gridLineColor: $mode === "light" ? "#e5e7eb" : "#111827",
           labels: {
-            style: { color: $mode === "light" ? "black" : "white" },
+            style: { color: $mode === "light" ? "#545454" : "white" },
           },
           title: { text: null },
           opposite: true,
@@ -613,32 +613,20 @@
                         <td
                           class="text-sm sm:text-[1rem] {item?.changesPercentage >=
                           0
-                            ? "text-[#208646] dark:text-[#00FC50] before:content-['+'] "
+                            ? "text-green-700 dark:text-[#00FC50] before:content-['+'] "
-                            : 'text-[#DC2626] dark:text-[#FF2F1F]'} text-end"
+                            : 'text-red-700 dark:text-[#FF2F1F]'} text-end"
                         >
                           {item?.changesPercentage?.toFixed(2)}%
                         </td>
 
                         <td class="text-sm sm:text-[1rem] text-end">
-                          {@html abbreviateNumber(
+                          {@html abbreviateNumber(item?.net_premium)}
-                            item?.net_premium,
-                            false,
-                            true,
-                          )}
                         </td>
                         <td class="text-sm sm:text-[1rem] text-end">
-                          {@html abbreviateNumber(
+                          {@html abbreviateNumber(item?.net_call_premium)}
-                            item?.net_call_premium,
-                            false,
-                            true,
-                          )}
                         </td>
                         <td class="text-sm sm:text-[1rem] text-end">
-                          {@html abbreviateNumber(
+                          {@html abbreviateNumber(item?.net_put_premium)}
-                            item?.net_put_premium,
-                            false,
-                            true,
-                          )}
                         </td>
 
                         <td class="text-sm sm:text-[1rem] text-end">
@@ -717,7 +705,7 @@
                         <td
                           class="text-sm sm:text-[1rem] {item?.changesPercentage >=
                           0
-                            ? "text-[#00FC50] before:content-['+'] "
+                            ? "text-green-700 dark:text-[#00FC50] before:content-['+'] "
                             : 'text-red-700 dark:text-[#FF2F1F]'} text-end"
                         >
                           {item?.changesPercentage}%

src/routes/market-flow/sector-flow/+page.svelte

@@ -350,7 +350,7 @@
           dashStyle: "Solid",
         },
         labels: {
-          style: { color: $mode === "light" ? "black" : "white" },
+          style: { color: $mode === "light" ? "#545454" : "white" },
           distance: 10, // Increases space between label and axis
           formatter: function () {
             const date = new Date(this?.value);
@@ -390,7 +390,7 @@
           gridLineWidth: 1,
           gridLineColor: $mode === "light" ? "#e5e7eb" : "#111827",
           labels: {
-            style: { color: $mode === "light" ? "black" : "white" },
+            style: { color: $mode === "light" ? "#545454" : "white" },
           },
           title: { text: null },
           opposite: true,
@@ -503,9 +503,8 @@
           <div class="w-full m-auto">
             {#if config !== null}
               <p class="mt-4">
-                <strong>{selectedSector}</strong> Flow tracks sector stocks, net
+                Sector Flow monitors constituent stocks representing the sector,
-                call/put premiums, and price movements to gauge market sentiment
+                net call/put premiums and price movements in real time.
-                and momentum in real time.
               </p>
 
               <div
@@ -716,8 +715,8 @@
                         <td
                           class="text-sm sm:text-[1rem] {item?.changesPercentage >=
                           0
-                            ? "text-[#208646] dark:text-[#00FC50] before:content-['+'] "
+                            ? "text-green-700 dark:text-[#00FC50] before:content-['+'] "
-                            : 'text-[#DC2626] dark:text-[#FF2F1F]'} text-end"
+                            : 'text-red-700 dark:text-[#FF2F1F]'} text-end"
                         >
                           {item?.changesPercentage?.toFixed(2)}%
                         </td>

src/routes/options-flow/workers/filterWorker.ts

@@ -202,6 +202,8 @@ if (ruleName === 'sizeoiratio') {
   
   return (item) => {
     const expirationDate = new Date(item[rule.name]);
+
+
     if (isNaN(expirationDate)) return false; // Handle invalid dates
 
     const daysDiff = Math?.ceil((expirationDate.getTime() - now.getTime()) / (1000 * 60 * 60 * 24));

src/routes/politicians/+page.svelte

@@ -246,7 +246,7 @@
                           on:click|stopPropagation={(event) =>
                             addToFavorite(event, item?.id)}
                           class=" {favoriteList?.includes(item?.id)
-                            ? 'text-[#FBCE3C]'
+                            ? 'text-[#FFA500]'
                             : ''} absolute top-0 right-5 z-20"
                         >
                           <svg

src/routes/pricing/+page.svelte

@@ -177,7 +177,7 @@
     >
       <div
         style="opacity: 1; transform: translateY(20px);"
-        class="hidden lg: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="hidden lg:flex flex-col relative bg-zinc-300 dark:bg-zinc-900 bg-opacity-80 backdrop-filter backdrop-blur-lg rounded overflow-visible border border-zinc-300 dark:border-zinc-600 p-6 isolate"
       >
         <h3 class="text-3xl font-bold">Basic</h3>
         <p class="text-muted dark:text-zinc-300 text-sm mt-1">
@@ -694,7 +694,7 @@
           {#if !data?.user}
             <label
               for="userLogin"
-              class="text-white cursor-pointer w-full py-3 px-4 bg-blue-600 rounded-lg font-semibold sm:hover:bg-blue-700 transition duration-100 flex items-center justify-center"
+              class="text-white cursor-pointer w-full py-3 px-4 bg-blue-600 rounded font-semibold sm:hover:bg-blue-700 transition duration-100 flex items-center justify-center"
               >Get Registered Now<svg
                 class="w-5 h-5 ml-2"
                 fill="none"
@@ -714,7 +714,7 @@
       </div>
       <div
         style="opacity: 1; transform: translateY(20px);"
-        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"
+        class="relative flex flex-col relative bg-zinc-300 dark:bg-zinc-900 bg-opacity-80 backdrop-filter backdrop-blur-lg rounded 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
@@ -1025,7 +1025,7 @@
           <label
             for={!data?.user ? "userLogin" : ""}
             on:click={() => purchasePlan("plus")}
-            class="text-white cursor-pointer w-full py-3 px-4 bg-blue-600 rounded-lg font-semibold sm:hover:bg-blue-700 transition duration-100 flex items-center justify-center"
+            class="text-white cursor-pointer w-full py-3 px-4 bg-blue-600 rounded font-semibold sm:hover:bg-blue-700 transition duration-100 flex items-center justify-center"
             >Unlock Plus Access Now<svg
               class="w-5 h-5 ml-2"
               fill="none"
@@ -1044,7 +1044,7 @@
       </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="flex flex-col relative bg-zinc-300 dark:bg-zinc-900 bg-opacity-80 backdrop-filter backdrop-blur-lg rounded overflow-visible border border-zinc-300 dark:border-zinc-600 p-6 isolate"
       >
         <h3 class="text-3xl font-bold">Pro</h3>
         <p class="text-muted dark:text-zinc-300 text-sm mt-1">
@@ -1142,7 +1142,7 @@
           <label
             for={!data?.user ? "userLogin" : ""}
             on:click={() => purchasePlan("pro")}
-            class="text-white cursor-pointer w-full py-3 px-4 bg-blue-600 rounded-lg font-semibold sm:hover:bg-blue-700 transition duration-100 flex items-center justify-center"
+            class="text-white cursor-pointer w-full py-3 px-4 bg-blue-600 rounded font-semibold sm:hover:bg-blue-700 transition duration-100 flex items-center justify-center"
             >Unlock Pro Access Now<svg
               class="w-5 h-5 ml-2"
               fill="none"
@@ -1161,18 +1161,18 @@
       </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"
+        class="relative 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 overflow-visible border border-zinc-200 dark:border-zinc-600 p-6 isolate translate-y-5 opacity-100"
       >
         <div class="flex flex-row items-center justify-between">
           <h3 class="text-2xl md:text-3xl font-bold">Lifetime</h3>
           <div>
-            <span class="text-3xl md:text-4xl font-bold">$599</span>
+            <span class="text-3xl md:text-4xl font-bold">$999</span>
           </div>
         </div>
         <p class=" md:text-lg mt-4 lg:mt-2">
           Everything in Pro, pay once, never again!
         </p>
-
+        <!--
         <div class="max-w-[400px]">
           <div class="mt-8 lg:absolute lg:bottom-0 lg:left-0 lg:p-4">
             <div class="relative flex items-center space-x-10">
@@ -1244,11 +1244,12 @@
             </div>
           </div>
         </div>
+        -->
 
         <div class="mt-10 flex justify-center lg:justify-end mx-4 lg:mx-0">
           <button
             on:click={() => purchasePlan("lifeTime")}
-            class="text-white cursor-pointer w-full lg:w-auto py-3 lg:mt-2 px-4 bg-blue-600 rounded-lg font-semibold sm:hover:bg-blue-700 transition duration-100 flex items-center justify-center lg:justify-end"
+            class="text-white cursor-pointer w-full lg:w-auto py-3 lg:mt-2 px-4 bg-blue-600 rounded font-semibold sm:hover:bg-blue-700 transition duration-100 flex items-center justify-center lg:justify-end"
           >
             Get Lifetime Now
             <svg

src/routes/stocks/[tickerID]/forecast/analyst/+page.svelte

@@ -416,7 +416,7 @@
                               >
                                 <defs>
                                   <linearGradient id="halfGradient">
-                                    <stop offset="30%" stop-color="#FBCE3C" />
+                                    <stop offset="30%" stop-color="#FFA500" />
                                     <stop offset="30%" stop-color="gray" />
                                   </linearGradient>
                                 </defs>
@@ -428,7 +428,7 @@
                             {:else if i < Math.floor(item?.analystScore)}
                               <!-- Render a full star -->
                               <svg
-                                class="w-4 h-4 text-[#FFA500] dark:text-[#FBCE3C]"
+                                class="w-4 h-4 text-[#FFA500] dark:text-[#FFA500]"
                                 aria-hidden="true"
                                 xmlns="http://www.w3.org/2000/svg"
                                 fill="currentColor"