ui fix

src/lib/components/AIScore.svelte

@@ -61,7 +61,7 @@
                   class="stroke-current {score >= 7
                     ? 'text-green-600 dark:text-[#00FC50]'
                     : score >= 4
-                      ? 'text-blue-900 dark:text-[#fff]'
+                      ? 'text-blue-600 dark:text-[#fff]'
                       : 'text-red-600 dark:text-[#FF2F1F]'}"
                   stroke-width="3"
                   stroke-dasharray="100.48"

src/lib/components/Cookie.svelte

@@ -42,7 +42,7 @@
       We use cookies to ensure that we give you the best experience on our
       website. <a
         href="/privacy-policy"
-        class="text-blue-500 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
+        class="text-blue-600 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
         >Read Privacy Policy</a
       >.
     </p>

src/lib/components/HoverStockChart.svelte

@@ -181,7 +181,7 @@
       >
         <a
           href={getHref(symbol)}
-          class="sm:hover:text-muted dark:sm:hover:text-white text-blue-500 dark:text-blue-400"
+          class="sm:hover:text-muted dark:sm:hover:text-white text-blue-600 dark:text-blue-400"
           >{symbol?.length !== 0 ? symbol : "-"}</a
         >
       </HoverCard.Trigger>

src/lib/components/NextEarnings.svelte

@@ -69,7 +69,7 @@
         {#if !["Pro", "Plus"]?.includes(data?.user?.tier)}
           ... Unlock content with
           <a
-            class="inline-block ml-0.5 text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+            class="inline-block ml-0.5 text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
             href="/pricing"
             >Pro Subscription <svg
               class="w-4 h-4 mb-1 inline-block"
@@ -90,7 +90,7 @@
               ? "before:content-['+'] text-green-600 dark:text-[#00FC50]"
               : revenueRatio < 0 && revenueRatio !== 'Infinity'
                 ? 'text-red-600 dark:text-[#FF2F1F]'
-                : 'text-muted dark:text-white'} "
+                : 'text-muted dark:text-white'} font-semibold"
             >{revenueRatio !== "Infinity"
               ? abbreviateNumber(revenueRatio) + "%"
               : "n/a"}</span
@@ -106,7 +106,8 @@
             <span
               class="{epsRatio > 0
                 ? "before:content-['+'] text-green-600 dark:text-[#00FC50]"
-                : 'text-retext-[#FF2F1F]'} ">{epsRatio}%</span
+                : 'text-red-600 dark:text-[#FF2F1F]'} font-semibold"
+              >{epsRatio}%</span
             >
             {epsRatio > 0 ? "increase" : epsRatio < 0 ? "decrease" : ""} YoY.
           {:else}

src/lib/components/ShareHolders.svelte

@@ -346,7 +346,7 @@
                       cy="18"
                       r="16"
                       fill="none"
-                      class="stroke-current text-blue-500"
+                      class="stroke-current text-blue-600"
                       stroke-width="3"
                       stroke-dasharray="100"
                       stroke-dashoffset={putCallRatio >= 1

src/lib/components/Sidecard.svelte

@@ -202,11 +202,11 @@
   }
 </script>
 
-<div class="space-y-3 text-muted dark:text-white">
+<div class="space-y-3">
   <div class="h-auto w-full">
     <!--Start Content-->
     <div class="w-auto lg:w-full flex flex-col m-auto">
-      <h2 class="mb-2 text-2xl font-semibold">
+      <h2 class="mb-2 text-2xl font-bold text-black dark:text-white">
         About {$stockTicker}
       </h2>
       <p class="dark:text-gray-200">
@@ -215,9 +215,9 @@
       <div class="inline-block">
         <a
           href={`/stocks/${$stockTicker}/profile`}
-          class="w-full text-md mt-1 cursor-pointer sm:hover:text-muted dark:sm:hover:text-white text-blue-500 dark:text-blue-400 sm:hover:underline"
+          class="w-full text-md mt-1 cursor-pointer sm:hover:text-muted dark:sm:hover:text-white text-blue-600 dark:text-blue-400 sm:hover:underline"
         >
-          [Show more]
+          [Read more]
         </a>
       </div>
 
@@ -226,7 +226,7 @@
           <span class="block font-semibold">Industry</span>
           <a
             href={getIndustryHref(industry)}
-            class="sm:hover:text-blue-500 dark:sm:hover:text-blue-400 underline underline-offset-4"
+            class="sm:hover:text-blue-600 dark:sm:hover:text-blue-400 underline underline-offset-4"
             >{industry}</a
           >
         </div>
@@ -235,7 +235,7 @@
           <a
             href={sectorNavigation?.find((item) => item?.title === sector)
               ?.link}
-            class="sm:hover:text-blue-500 dark:sm:hover:text-blue-400 underline underline-offset-4"
+            class="sm:hover:text-blue-600 dark:sm:hover:text-blue-400 underline underline-offset-4"
             >{sector}</a
           >
         </div>
@@ -247,7 +247,7 @@
           <span class="block font-semibold">Employees</span>
           <a
             href={`/stocks/${$stockTicker}/profile/employees`}
-            class="sm:hover:text-blue-500 dark:sm:hover:text-blue-400 underline underline-offset-4"
+            class="sm:hover:text-blue-600 dark:sm:hover:text-blue-400 underline underline-offset-4"
             >{new Intl.NumberFormat("en")?.format(employees)}</a
           >
         </div>
@@ -264,7 +264,7 @@
             <span class="block font-semibold">Website</span>
             <a
               href={website}
-              class="sm:hover:text-muted dark:sm:hover:text-white truncate text-blue-500 dark:text-blue-400"
+              class="sm:hover:text-muted dark:sm:hover:text-white truncate text-blue-600 dark:text-blue-400"
               target="_blank">{website}</a
             >
           </div>

src/lib/components/WIIM.svelte

@@ -85,7 +85,7 @@
                     <div class="w-full h-full">
                       <div class="flex flex-col items-start">
                         <div class="flex flex-row items-start w-full">
-                          <span class=" text-sm"
+                          <span class=" text-[1rem]"
                             >{formatDate(item?.date)}
                             <!--
                             &#183;
@@ -103,74 +103,19 @@
                               >New</label
                             >
                           {/if}
-                          <div class=" text-sm sm:text-[1rem] ml-auto">
+                          <div
+                            class=" text-sm sm:text-[1rem] ml-auto font-semibold"
+                          >
                             {#if item?.changesPercentage >= 0}
                               <span
                                 class="text-green-600 dark:text-[#00FC50] inline-block"
                                 >+{item?.changesPercentage}%</span
                               >
-                              <svg
-                                class="w-5 h-5 hidden sm:inline-block"
-                                viewBox="0 0 24 24"
-                                fill="none"
-                                xmlns="http://www.w3.org/2000/svg"
-                                transform="rotate(180)matrix(-1, 0, 0, 1, 0, 0)"
-                                ><g id="SVGRepo_bgCarrier" stroke-width="0"
-                                ></g><g
-                                  id="SVGRepo_tracerCarrier"
-                                  stroke-linecap="round"
-                                  stroke-linejoin="round"
-                                ></g><g id="SVGRepo_iconCarrier">
-                                  <g clip-path="url(#clip0_1076_36065)">
-                                    <path
-                                      d="M1.70711 5.29289C1.31658 4.90237 0.683417 4.90237 0.292893 5.29289C-0.0976311 5.68342 -0.0976311 6.31658 0.292893 6.70711L7.79289 14.2071C8.18342 14.5976 8.81658 14.5976 9.20711 14.2071L13.5 9.91421L20.5858 17H17C16.4477 17 16 17.4477 16 18C16 18.5523 16.4477 19 17 19H22.9993L23.003 19C23.1375 18.9996 23.2657 18.9727 23.3828 18.9241C23.5007 18.8753 23.6112 18.803 23.7071 18.7071C23.8902 18.524 23.9874 18.2877 23.9989 18.048C23.9996 18.032 24 18.016 24 18V12C24 11.4477 23.5523 11 23 11C22.4477 11 22 11.4477 22 12V15.5858L14.2071 7.79289C13.8166 7.40237 13.1834 7.40237 12.7929 7.79289L8.5 12.0858L1.70711 5.29289Z"
-                                      fill="#00FC50"
-                                    ></path>
-                                  </g>
-                                  <defs>
-                                    <clipPath id="clip0_1076_36065">
-                                      <rect
-                                        width="24"
-                                        height="24"
-                                        fill="#00FC50"
-                                      ></rect>
-                                    </clipPath>
-                                  </defs>
-                                </g></svg
-                              >
                             {:else if item?.changesPercentage < 0}
                               <span
-                                class="text-red-600 dark:text-[#FF2F1F] inline-block"
+                                class="text-red-600 dark:text-[#FF2F1F] inline-block font-semibold"
                                 >{item?.changesPercentage}%
                               </span>
-                              <svg
-                                class="w-5 h-5 hidden sm:inline-block"
-                                viewBox="0 0 24 24"
-                                fill="#FF2F1F"
-                                xmlns="http://www.w3.org/2000/svg"
-                                ><g id="SVGRepo_bgCarrier" stroke-width="0"
-                                ></g><g
-                                  id="SVGRepo_tracerCarrier"
-                                  stroke-linecap="round"
-                                  stroke-linejoin="round"
-                                ></g><g id="SVGRepo_iconCarrier">
-                                  <g clip-path="url(#clip0_1076_36065)">
-                                    <path
-                                      d="M1.70711 5.29289C1.31658 4.90237 0.683417 4.90237 0.292893 5.29289C-0.0976311 5.68342 -0.0976311 6.31658 0.292893 6.70711L7.79289 14.2071C8.18342 14.5976 8.81658 14.5976 9.20711 14.2071L13.5 9.91421L20.5858 17H17C16.4477 17 16 17.4477 16 18C16 18.5523 16.4477 19 17 19H22.9993L23.003 19C23.1375 18.9996 23.2657 18.9727 23.3828 18.9241C23.5007 18.8753 23.6112 18.803 23.7071 18.7071C23.8902 18.524 23.9874 18.2877 23.9989 18.048C23.9996 18.032 24 18.016 24 18V12C24 11.4477 23.5523 11 23 11C22.4477 11 22 11.4477 22 12V15.5858L14.2071 7.79289C13.8166 7.40237 13.1834 7.40237 12.7929 7.79289L8.5 12.0858L1.70711 5.29289Z"
-                                      fill="#FF2F1F"
-                                    ></path>
-                                  </g>
-                                  <defs>
-                                    <clipPath id="clip0_1076_36065">
-                                      <rect
-                                        width="24"
-                                        height="24"
-                                        fill="#FF2F1F"
-                                      ></rect>
-                                    </clipPath>
-                                  </defs>
-                                </g></svg
-                              >
                             {/if}
                           </div>
                         </div>
@@ -181,7 +126,7 @@
                               {item?.text?.slice(0, 50) + "..."}
                               Unlock content with
                               <a
-                                class="inline-block ml-0.5 text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+                                class="inline-block ml-0.5 text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
                                 href="/pricing"
                                 >Pro Subscription <svg
                                   class="w-4 h-4 mb-1 inline-block"

src/lib/highcharts.ts

@@ -65,10 +65,11 @@ export default (node, config) => {
 
   // Resize observer remains the same
 const resizeObserver = new ResizeObserver(() => {
-  if (chart) {
+  if (chart && browser) {
     const newWidth = node.clientWidth;
     // Set height based on viewport width: 300 for mobile, 360 for desktop
-    const newHeight = (node.clientWidth < 768) ? 300 : 360;
+    const newHeight = (node.clientWidth < 600) ? 300 : 360;
+
     chart?.setSize(newWidth, newHeight, false);
   }
 });

src/routes/+error.svelte

@@ -31,7 +31,7 @@
           it to us via
           <a
             href={`mailto:${emailAddress}`}
-            class="inline-block text-blue-500 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
+            class="inline-block text-blue-600 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
             >{emailAddress}</a
           >.
           <br />

src/routes/about/+page.svelte

@@ -245,7 +245,7 @@
                   <div class="space-y-4">
                     <div class="space-y-1 text-lg font-semibold leading-6">
                       <h3>Muslem Rahimi, PhD</h3>
-                      <p class="text-blue-500 dark:text-blue-400">
+                      <p class="text-blue-600 dark:text-blue-400">
                         Founder / Chief of Nothing
                       </p>
                     </div>

src/routes/advertise/+page.svelte

@@ -79,7 +79,7 @@
                 audience?
                 <br />Contact us today at
                 <a
-                  class="text-blue-500 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
+                  class="text-blue-600 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
                   href="mailto:contact@stocknear.com">contact@stocknear.com</a
                 >. We’d love to discuss how we can help your business grow.
               </p>

src/routes/analysts/+page.svelte

@@ -189,7 +189,7 @@
                         <div class="flex flex-col items-start">
                           <a
                             href={"/analysts/" + item?.analystId}
-                            class="font-semibold dark:font-normal text-blue-500 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
+                            class="font-semibold dark:font-normal text-blue-600 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
                             >{item?.analystName}
                           </a>
                           <!--<span class="">{item?.companyName} </span>-->

src/routes/analysts/analyst-flow/+page.svelte

@@ -188,7 +188,7 @@
                       >
                         <a
                           href={`/analysts/${item?.analystId}`}
-                          class="underline underline-offset-4 sm:hover:text-blue-500 dark:sm:hover:text-blue-400"
+                          class="underline underline-offset-4 sm:hover:text-blue-600 dark:sm:hover:text-blue-400"
                           >{item?.analystName}</a
                         >
                       </td>
@@ -198,7 +198,7 @@
                       >
                         <a
                           href={`/stocks/${item?.symbol}`}
-                          class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+                          class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
                           >{item?.symbol}</a
                         >
                       </td>

src/routes/contact/+page.svelte

@@ -97,7 +97,7 @@
                 You can contact us at
                 <a
                   href={`mailto:${emailAddress}`}
-                  class="text-blue-500 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
+                  class="text-blue-600 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
                   >{emailAddress}</a
                 >
               </p>

src/routes/data-disclaimer/+page.svelte

@@ -46,14 +46,14 @@
                   href={discordURL}
                   target="_blank"
                   rel="noopener noreferrer"
-                  class="text-blue-500 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
+                  class="text-blue-600 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
                 >
                   Discord
                 </a>
                 or contact our support team at
                 <a
                   href="mailto:{emailAddress}"
-                  class="text-blue-500 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
+                  class="text-blue-600 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
                 >
                   {emailAddress}
                 </a>.
@@ -69,7 +69,7 @@
                   href="https://site.financialmodelingprep.com/pricing-plans?couponCode=stocknear"
                   target="_blank"
                   rel="noopener noreferrer"
-                  class="text-blue-500 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
+                  class="text-blue-600 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
                 >
                   Financial Modeling Prep (FMP)
                 </a>, a leading provider of financial data services. This
@@ -97,7 +97,7 @@
                   href="https://site.financialmodelingprep.com/pricing-plans?couponCode=stocknear"
                   target="_blank"
                   rel="noopener noreferrer"
-                  class="text-blue-500 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
+                  class="text-blue-600 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
                 >
                   Financial Modeling Prep
                 </a>
@@ -121,7 +121,7 @@
                   href="https://site.financialmodelingprep.com/pricing-plans?couponCode=stocknear"
                   target="_blank"
                   rel="noopener noreferrer"
-                  class="text-blue-500 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
+                  class="text-blue-600 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
                 >
                   Financial Modeling Prep
                 </a>. While we strive to present the most accurate forecasts,
@@ -138,7 +138,7 @@
                   href="https://site.financialmodelingprep.com/pricing-plans?couponCode=stocknear"
                   target="_blank"
                   rel="noopener noreferrer"
-                  class="text-blue-500 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
+                  class="text-blue-600 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
                 >
                   Financial Modeling Prep
                 </a>, ensuring accurate and timely information on fund

src/routes/etf/[tickerID]/dividends/+layout.svelte

@@ -31,7 +31,7 @@
                     <li class="mb-3 last:mb-1">
                       {formatDate(item?.publishedDate)} &#183;
                       <a
-                        class="text-blue-500 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
+                        class="text-blue-600 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
                         href={item?.url}
                         target="_blank"
                         rel="noopener noreferrer nofollow">{item?.title}</a

src/routes/etf/[tickerID]/insider/+layout.svelte

@@ -93,7 +93,7 @@
                     <li class="mb-3 last:mb-1">
                       {formatDate(item?.publishedDate)} ago -
                       <a
-                        class="sm:hover:text-muted dark:sm:hover:text-white text-blue-500 dark:text-blue-400"
+                        class="sm:hover:text-muted dark:sm:hover:text-white text-blue-600 dark:text-blue-400"
                         href={item?.url}
                         target="_blank"
                         rel="noopener noreferrer nofollow">{item?.title}</a

src/routes/etf/[tickerID]/insider/+page.svelte

@@ -294,7 +294,7 @@
                             cy="18"
                             r="16"
                             fill="none"
-                            class="stroke-current text-blue-500"
+                            class="stroke-current text-blue-600"
                             stroke-width="3"
                             stroke-dasharray="100"
                             stroke-dashoffset={100 - partyRatio * 100 >= 0
@@ -355,7 +355,7 @@
                             <div class="flex flex-col ml-3 font-normal">
                               <a
                                 href={`/politicians/${item?.id}`}
-                                class="text-blue-500 sm:hover:text-muted dark:sm:hover: dark:text-blue-400"
+                                class="text-blue-600 sm:hover:text-muted dark:sm:hover: dark:text-blue-400"
                                 >{getAbbreviatedName(
                                   item?.representative?.replace("_", " "),
                                 )}</a

src/routes/etf/[tickerID]/options/+layout.svelte

@@ -70,7 +70,7 @@
                 on:click={() => changeSubSection("overview")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'overview'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 Overview
               </a>
@@ -80,7 +80,7 @@
                 class="p-2 px-5 cursor-pointer {displaySubSection ===
                 'contract-lookup'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 Contract Lookup
               </a>
@@ -90,7 +90,7 @@
                 class="p-2 px-5 cursor-pointer {displaySubSection ===
                 'unusual-activity'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 Unusual Activity
               </a>
@@ -100,7 +100,7 @@
                 class="p-2 px-5 cursor-pointer {displaySubSection ===
                 'hottest-contracts'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 Hottest Contracts
               </a>
@@ -110,7 +110,7 @@
                 class="p-2 px-5 cursor-pointer {displaySubSection ===
                 'volatility'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 Volatility
               </a>
@@ -119,7 +119,7 @@
                 on:click={() => changeSubSection("oi")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'oi'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 OI
               </a>
@@ -129,7 +129,7 @@
                 on:click={() => changeSubSection("gex")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'gex'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 GEX
               </a>
@@ -138,7 +138,7 @@
                 on:click={() => changeSubSection("dex")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'dex'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 DEX
               </a>

src/routes/etf/[tickerID]/options/dex/+layout.svelte

@@ -59,7 +59,7 @@
                 on:click={() => changeSubSection("overview")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'overview'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 Overview
               </a>
@@ -69,7 +69,7 @@
                 on:click={() => changeSubSection("strike")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'strike'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 By Strike
               </a>
@@ -78,7 +78,7 @@
                 on:click={() => changeSubSection("expiry")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'expiry'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 By Expiry
               </a>

src/routes/etf/[tickerID]/options/gex/+layout.svelte

@@ -59,7 +59,7 @@
                 on:click={() => changeSubSection("overview")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'overview'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 Overview
               </a>
@@ -69,7 +69,7 @@
                 on:click={() => changeSubSection("strike")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'strike'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 By Strike
               </a>
@@ -78,7 +78,7 @@
                 on:click={() => changeSubSection("expiry")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'expiry'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 By Expiry
               </a>

src/routes/etf/[tickerID]/options/oi/+layout.svelte

@@ -57,7 +57,7 @@
                 on:click={() => changeSubSection("strike")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'strike'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 By Strike
               </a>
@@ -67,7 +67,7 @@
                 on:click={() => changeSubSection("expiry")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'expiry'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 By Expiry
               </a>

src/routes/etf/new-launches/+page.svelte

@@ -149,7 +149,7 @@
                         <td class="text-sm sm:text-[1rem] whitespace-nowrap">
                           <a
                             href={"/etf/" + item?.symbol}
-                            class="text-blue-500 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
+                            class="text-blue-600 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
                           >
                             {item?.symbol}
                           </a>

src/routes/faq/+page.svelte

@@ -42,7 +42,7 @@
                 Yes! We've created the
                 <a
                   href="/learning-center"
-                  class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+                  class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
                   >Learning Center</a
                 > to explain each feature in detail—what it does, how to integrate
                 it into your strategies, and its market impact. We update it regularly,
@@ -73,7 +73,7 @@
               <p class="mb-10 mt-5 text-[1rem] sm:text-lg">
                 If you notice an inaccuracy, please contact us at <a
                   href={`mailto:${emailAddress}`}
-                  class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+                  class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
                   >{emailAddress}</a
                 >.
               </p>
@@ -84,7 +84,7 @@
               <p class="mb-10 mt-5 text-[1rem] sm:text-lg">
                 Our <a
                   href="/options-flow"
-                  class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+                  class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
                   >options flow</a
                 > feature provides real-time options data from Benzinga without delays.
               </p>
@@ -114,7 +114,7 @@
               <p class="mb-10 mt-5 text-[1rem] sm:text-lg">
                 Please email <a
                   href={`mailto:${emailAddress}`}
-                  class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+                  class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
                   >{emailAddress}</a
                 >, and we’ll investigate immediately.
               </p>
@@ -131,7 +131,7 @@
                   href={discordURL}
                   rel="noopener noreferrer"
                   target="_blank"
-                  class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+                  class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
                   >official Discord</a
                 > for quicker responses from our dev team. We’re always open to new
                 ideas to improve the platform.

src/routes/imprint/+page.svelte

@@ -43,7 +43,7 @@
                 Email:
                 <a
                   href={`mailto:${emailAddress}`}
-                  class="text-blue-500 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
+                  class="text-blue-600 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
                   >{emailAddress}</a
                 >.
                 <br />

src/routes/index/[tickerID]/options/+layout.svelte

@@ -66,7 +66,7 @@
                 on:click={() => changeSubSection("overview")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'overview'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 Overview
               </a>
@@ -76,7 +76,7 @@
                 class="p-2 px-5 cursor-pointer {displaySubSection ===
                 'hottest-contracts'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 Hottest Contracts
               </a>
@@ -86,7 +86,7 @@
                 class="p-2 px-5 cursor-pointer {displaySubSection ===
                 'volatility'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 Volatility
               </a>
@@ -95,7 +95,7 @@
                 on:click={() => changeSubSection("oi")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'oi'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 OI
               </a>
@@ -105,7 +105,7 @@
                 on:click={() => changeSubSection("gex")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'gex'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 GEX
               </a>
@@ -114,7 +114,7 @@
                 on:click={() => changeSubSection("dex")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'dex'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 DEX
               </a>

src/routes/index/[tickerID]/options/dex/+layout.svelte

@@ -57,7 +57,7 @@
                 on:click={() => changeSubSection("overview")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'overview'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 Overview
               </a>
@@ -67,7 +67,7 @@
                 on:click={() => changeSubSection("strike")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'strike'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 By Strike
               </a>
@@ -76,7 +76,7 @@
                 on:click={() => changeSubSection("expiry")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'expiry'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 By Expiry
               </a>

src/routes/index/[tickerID]/options/gex/+layout.svelte

@@ -57,7 +57,7 @@
                 on:click={() => changeSubSection("overview")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'overview'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 Overview
               </a>
@@ -67,7 +67,7 @@
                 on:click={() => changeSubSection("strike")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'strike'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 By Strike
               </a>
@@ -76,7 +76,7 @@
                 on:click={() => changeSubSection("expiry")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'expiry'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 By Expiry
               </a>

src/routes/index/[tickerID]/options/oi/+layout.svelte

@@ -55,7 +55,7 @@
                 on:click={() => changeSubSection("strike")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'strike'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 By Strike
               </a>
@@ -65,7 +65,7 @@
                 on:click={() => changeSubSection("expiry")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'expiry'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 By Expiry
               </a>

src/routes/industry/+layout.svelte

@@ -62,7 +62,7 @@
             on:click={() => handleMode(i)}
             class="p-2 px-5 cursor-pointer {activeIdx === i
               ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-              : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+              : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
           >
             {item.title}
           </a>

src/routes/ipos/+layout.svelte

@@ -90,7 +90,7 @@
                   href={item?.path}
                   class="p-2 px-5 cursor-pointer {activeIdx === i
                     ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                    : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                    : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
                 >
                   {item.title}
                 </a>
@@ -108,7 +108,7 @@
                       on:click={() => (displaySection = item)}
                       class="p-2 px-5 cursor-pointer {displaySection === item
                         ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                        : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                        : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
                     >
                       {item}
                     </a>
@@ -118,7 +118,7 @@
                       on:click={() => (displaySection = item)}
                       class="p-2 px-5 cursor-pointer {displaySection === item
                         ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                        : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                        : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
                     >
                       {item}
                     </a>

src/routes/ipos/+page.svelte

@@ -68,7 +68,7 @@
                   <li class="mb-3 last:mb-1">
                     {item?.timestamp}
                     <a
-                      class="text-blue-500 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
+                      class="text-blue-600 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
                       href={item?.link}
                       target="_blank"
                       rel="noopener noreferrer nofollow">{item?.title}</a

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

@@ -100,7 +100,7 @@
                       >
                         <a
                           href={"/stocks/" + item?.symbol}
-                          class="text-blue-500 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
+                          class="text-blue-600 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
                         >
                           {item?.symbol}
                         </a>
@@ -175,7 +175,7 @@
                   <li class="mb-3 last:mb-1">
                     {item?.timestamp}
                     <a
-                      class="text-blue-500 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
+                      class="text-blue-600 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
                       href={item?.link}
                       target="_blank"
                       rel="noopener noreferrer nofollow">{item?.title}</a

src/routes/ipos/news/+page.svelte

@@ -200,7 +200,7 @@
                   <li class="mb-3 last:mb-1">
                     {formatDate(item?.publishedDate)} ago -
                     <a
-                      class="text-blue-500 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
+                      class="text-blue-600 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
                       href={item?.url}
                       target="_blank"
                       rel="noopener noreferrer nofollow">{item?.title}</a

src/routes/ipos/statistics/+page.svelte

@@ -220,7 +220,7 @@
                   <li class="mb-3 last:mb-1">
                     {item?.timestamp}
                     <a
-                      class="text-blue-500 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
+                      class="text-blue-600 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
                       href={item?.link}
                       target="_blank"
                       rel="noopener noreferrer nofollow">{item?.title}</a

src/routes/list/+page.svelte

@@ -16,32 +16,32 @@
   >
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/top-rated-dividend-stocks">Top-Rated Dividend Stocks</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/highest-revenue">U.S. Companies With The Most Revenue</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/highest-income-tax"
         >U.S. Companies That Pay The Highest Taxes</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/most-employees">U.S. Companies With The Most Employees</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/most-ftd-shares">U.S. Companies With The Most FTD Shares</a
       >
     </li>
@@ -55,37 +55,37 @@
   >
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/market-cap/mega-cap-stocks">Mega-Cap Stocks</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/market-cap/large-cap-stocks">Large-Cap Stocks</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/market-cap/mid-cap-stocks">Mid-Cap Stocks</a
       >
     </li>
     <li class="">
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/market-cap/small-cap-stocks">Small-Cap Stocks</a
       >
     </li>
     <li class="">
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/market-cap/micro-cap-stocks">Micro-Cap Stocks</a
       >
     </li>
     <li class="">
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/market-cap/nano-cap-stocks">Nano-Cap Stocks</a
       >
     </li>
@@ -101,19 +101,19 @@
   >
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/exchange/nasdaq">Listed on NASDAQ</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/exchange/nyse">Listed on NYSE</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/exchange/amex">Listed on AMEX</a
       >
     </li>
@@ -129,19 +129,19 @@
   >
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/index/dowjones">Listed on Dow Jones</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/index/nasdaq100">Listed on NASDAQ 100</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/index/sp500">Listed on S&P 500</a
       >
     </li>
@@ -157,26 +157,26 @@
   >
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/highest-open-interest">Companies with Highest OI</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/highest-open-interest-change"
         >Companies with Highest OI Change</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/highest-option-iv-rank">Companies with Highest IV Rank</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/highest-option-premium">Companies with Highest Premium</a
       >
     </li>
@@ -191,65 +191,65 @@
   >
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/faang">FAANG</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/magnificent-seven">Magnificent Seven</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/dividend/dividend-kings">Dividend Kings</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/dividend/dividend-aristocrats">Dividend Aristocrats</a
       >
     </li>
 
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/penny-stocks">Penny Stocks</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/most-shorted-stocks">Most Shorted Stocks</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/oversold-stocks/">Oversold Stocks</a
       >
     </li>
 
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/overbought-stocks/">Overbought Stocks</a
       >
     </li>
 
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/most-buybacks/">Biggest Buybacks</a
       >
     </li>
 
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/reit-stocks">All REITs</a
       >
     </li>
@@ -267,91 +267,91 @@
   >
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/mobile-games/">Mobile Games</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/social-media-stocks/">Social Media</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/clean-energy/">Clean Energy</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/esports/">E-Sports</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/car-company-stocks/">Car Companies</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/ai-stocks/">Artificial Intelligence</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/electric-vehicles/">Electric Vehicles</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/online-gambling/">Online Gambling</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/augmented-reality/">Augmented Reality</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/gaming-stocks/">Gaming</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/pharmaceutical-stocks/">Pharmaceuticals</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/online-dating/">Online Dating</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/virtual-reality/">Virtual Reality</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/sports-betting/">Sports Betting</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/metaverse/">Metaverse</a
       >
     </li>
@@ -368,43 +368,43 @@
   >
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/country/ca">Canada</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/country/cn">China</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/country/in">India</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/country/jp">Japan</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/country/de">Germany</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/country/il">Israel</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/country/gb">United Kingdom</a
       >
     </li>
@@ -421,67 +421,67 @@
   >
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/sector/financial">Financials</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/sector/healthcare">Healthcare</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/sector/technology">Technology</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/sector/industrials">Industrials</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/sector/energy">Energy</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/sector/utilities">Utilities</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/sector/consumer-cyclical">Consumer Cyclical</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/sector/real-estate">Real Estate</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/sector/basic-materials">Basic Materials</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/sector/communication-services">Communication Services</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/sector/consumer-defensive">Consumer Defensive</a
       >
     </li>
@@ -499,19 +499,19 @@
   >
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/etf/new-launches">New Launches</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/etf/etf-providers">ETF Providers</a
       >
     </li>
     <li>
       <a
-        class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+        class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
         href="/list/bitcoin-etfs">Bitcoin ETFs</a
       >
     </li>

src/routes/login/+page.svelte

@@ -114,7 +114,7 @@
         <div class="w-full max-w-lg">
           <a
             href="/reset-password"
-            class="text-sm text-blue-500 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
+            class="text-sm text-blue-600 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
             >Forgot Password?</a
           >
         </div>
@@ -759,7 +759,7 @@
           You don't have an account?
           <a
             href="/register"
-            class="text-blue-500 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400 sm:hover:underline ml-1"
+            class="text-blue-600 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400 sm:hover:underline ml-1"
             >Sign up</a
           >
         </p>

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

@@ -55,7 +55,7 @@
                   href={item?.path}
                   class="p-2 px-5 cursor-pointer {activeIdx === i
                     ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                    : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                    : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
                 >
                   {item.title}
                 </a>

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

@@ -464,7 +464,7 @@
                 premiums and net put premiums, providing a real-time snapshot of
                 market sentiment and momentum. <a
                   href="/learning-center/article/market-sentiment-through-options-activity-riding-the-tide"
-                  class="text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white sm:hover:underline sm:hover:underline-offset-4"
+                  class="text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white sm:hover:underline sm:hover:underline-offset-4"
                   >Learn more here.</a
                 >
               </p>

src/routes/market-mover/+layout.svelte

@@ -72,7 +72,7 @@
                   href={item?.path}
                   class="p-2 px-5 cursor-pointer {activeIdx === index
                     ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                    : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                    : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
                 >
                   {item.title}
                 </a>

src/routes/market-mover/active/+layout.svelte

@@ -56,7 +56,7 @@
               href="/market-mover/active"
               class="p-2 px-5 cursor-pointer {timePeriod === 'active'
                 ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
             >
               Today
             </a>
@@ -64,7 +64,7 @@
               href="/market-mover/active/week"
               class="p-2 px-5 cursor-pointer {timePeriod === 'week'
                 ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
             >
               Week
             </a>
@@ -72,7 +72,7 @@
               href="/market-mover/active/month"
               class="p-2 px-5 cursor-pointer {timePeriod === 'month'
                 ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
             >
               Month
             </a>
@@ -80,7 +80,7 @@
               href="/market-mover/active/year"
               class="p-2 px-5 cursor-pointer {timePeriod === 'year'
                 ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
             >
               Year
             </a>
@@ -88,7 +88,7 @@
               href="/market-mover/active/3Y"
               class="p-2 px-5 cursor-pointer {timePeriod === '3Y'
                 ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
             >
               3 Years
             </a>
@@ -96,7 +96,7 @@
               href="/market-mover/active/5Y"
               class="p-2 px-5 cursor-pointer {timePeriod === '5Y'
                 ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
             >
               5 Years
             </a>

src/routes/market-mover/afterhours/+layout.svelte

@@ -38,7 +38,7 @@
               href="/market-mover/afterhours/gainers"
               class="p-2 px-5 cursor-pointer {categoryType === 'gainers'
                 ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
             >
               Gainers
             </a>
@@ -46,7 +46,7 @@
               href="/market-mover/afterhours/losers"
               class="p-2 px-5 cursor-pointer {categoryType === 'losers'
                 ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
             >
               Losers
             </a>

src/routes/market-mover/gainers/+layout.svelte

@@ -58,7 +58,7 @@
               href="/market-mover/gainers"
               class="p-2 px-5 cursor-pointer {timePeriod === 'gainers'
                 ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
             >
               Today
             </a>
@@ -66,7 +66,7 @@
               href="/market-mover/gainers/week"
               class="p-2 px-5 cursor-pointer {timePeriod === 'week'
                 ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
             >
               Week
             </a>
@@ -74,7 +74,7 @@
               href="/market-mover/gainers/month"
               class="p-2 px-5 cursor-pointer {timePeriod === 'month'
                 ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
             >
               Month
             </a>
@@ -82,7 +82,7 @@
               href="/market-mover/gainers/year"
               class="p-2 px-5 cursor-pointer {timePeriod === 'year'
                 ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
             >
               Year
             </a>
@@ -90,7 +90,7 @@
               href="/market-mover/gainers/3Y"
               class="p-2 px-5 cursor-pointer {timePeriod === '3Y'
                 ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
             >
               3 Years
             </a>
@@ -98,7 +98,7 @@
               href="/market-mover/gainers/5Y"
               class="p-2 px-5 cursor-pointer {timePeriod === '5Y'
                 ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
             >
               5 Years
             </a>

src/routes/market-mover/losers/+layout.svelte

@@ -54,7 +54,7 @@
               href="/market-mover/losers"
               class="p-2 px-5 cursor-pointer {timePeriod === 'losers'
                 ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
             >
               Today
             </a>
@@ -62,7 +62,7 @@
               href="/market-mover/losers/week"
               class="p-2 px-5 cursor-pointer {timePeriod === 'week'
                 ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
             >
               Week
             </a>
@@ -70,7 +70,7 @@
               href="/market-mover/losers/month"
               class="p-2 px-5 cursor-pointer {timePeriod === 'month'
                 ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
             >
               Month
             </a>
@@ -78,7 +78,7 @@
               href="/market-mover/losers/year"
               class="p-2 px-5 cursor-pointer {timePeriod === 'year'
                 ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
             >
               Year
             </a>
@@ -86,7 +86,7 @@
               href="/market-mover/losers/3Y"
               class="p-2 px-5 cursor-pointer {timePeriod === '3Y'
                 ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
             >
               3 Years
             </a>
@@ -94,7 +94,7 @@
               href="/market-mover/losers/5Y"
               class="p-2 px-5 cursor-pointer {timePeriod === '5Y'
                 ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
             >
               5 Years
             </a>

src/routes/market-mover/premarket/+layout.svelte

@@ -38,7 +38,7 @@
               href="/market-mover/premarket/gainers"
               class="p-2 px-5 cursor-pointer {categoryType === 'gainers'
                 ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
             >
               Gainers
             </a>
@@ -46,7 +46,7 @@
               href="/market-mover/premarket/losers"
               class="p-2 px-5 cursor-pointer {categoryType === 'losers'
                 ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
             >
               Losers
             </a>

src/routes/market-news/+layout.svelte

@@ -64,7 +64,7 @@
                   href={item?.path}
                   class="p-2 px-5 cursor-pointer {activeIdx === i
                     ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                    : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                    : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
                 >
                   {item.title}
                 </a>

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

@@ -201,7 +201,7 @@
                   <li class="mb-3 last:mb-1">
                     {formatDate(item?.publishedDate)} ago -
                     <a
-                      class="sm:hover:text-muted dark:sm:hover:text-white text-blue-500 dark:text-blue-400"
+                      class="sm:hover:text-muted dark:sm:hover:text-white text-blue-600 dark:text-blue-400"
                       href={item?.url}
                       target="_blank"
                       rel="noopener noreferrer nofollow">{item?.title}</a

src/routes/market-news/general/+page.svelte

@@ -201,7 +201,7 @@
                   <li class="mb-3 last:mb-1">
                     {formatDate(item?.publishedDate)} ago -
                     <a
-                      class="sm:hover:text-muted dark:sm:hover:text-white text-blue-500 dark:text-blue-400"
+                      class="sm:hover:text-muted dark:sm:hover:text-white text-blue-600 dark:text-blue-400"
                       href={item?.url}
                       target="_blank"
                       rel="noopener noreferrer nofollow">{item?.title}</a

src/routes/market-news/press-releases/+page.svelte

@@ -141,7 +141,7 @@
                   <li class="mb-3 last:mb-1">
                     {formatDate(item?.publishedDate)} ago -
                     <a
-                      class="sm:hover:text-muted dark:sm:hover:text-white text-blue-500 dark:text-blue-400"
+                      class="sm:hover:text-muted dark:sm:hover:text-white text-blue-600 dark:text-blue-400"
                       href={item?.url}
                       target="_blank"
                       rel="noopener noreferrer nofollow">{item?.title}</a

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

@@ -1494,7 +1494,7 @@
                       cy="18"
                       r="16"
                       fill="none"
-                      class="stroke-current text-blue-500"
+                      class="stroke-current text-blue-600"
                       stroke-width="3"
                       stroke-dasharray="100"
                       stroke-dashoffset={putCallRatio >= 1

src/routes/politicians/flow-data/+page.svelte

@@ -160,7 +160,7 @@
                                     <div class="flex flex-col ml-3 font-normal">
                                       <a
                                         href={`/politicians/${item?.id}`}
-                                        class="text-blue-500 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
+                                        class="text-blue-600 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
                                         >{getAbbreviatedName(
                                           item?.representative?.replace(
                                             "_",

src/routes/potus-tracker/+page.svelte

@@ -450,7 +450,7 @@
                     on:click={() => (activeIdx = i)}
                     class="p-2 px-5 cursor-pointer {activeIdx === i
                       ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                      : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                      : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
                   >
                     {item.title}
                   </button>
@@ -746,7 +746,7 @@
                               href="https://truthsocial.com/@realDonaldTrump"
                               target="_blank"
                               rel="noopener noreferrer"
-                              class="hover:text-blue-500"
+                              class="hover:text-blue-600"
                             >
                               Donald J. Trump
                             </a>
@@ -756,7 +756,7 @@
                               href="https://truthsocial.com/@realDonaldTrump"
                               target="_blank"
                               rel="noopener noreferrer"
-                              class="hover:text-blue-500"
+                              class="hover:text-blue-600"
                             >
                               @realDonaldTrump
                             </a>
@@ -955,7 +955,7 @@
             href="https://truthsocial.com/@realDonaldTrump"
             target="_blank"
             rel="noopener noreferrer"
-            class="hover:text-blue-500"
+            class="hover:text-blue-600"
           >
             Donald J. Trump
           </a>
@@ -1031,7 +1031,7 @@
             href="https://truthsocial.com/@realDonaldTrump"
             target="_blank"
             rel="noopener noreferrer"
-            class="hover:text-blue-500"
+            class="hover:text-blue-600"
           >
             Donald J. Trump
           </a>
@@ -1041,7 +1041,7 @@
             href="https://truthsocial.com/@realDonaldTrump"
             target="_blank"
             rel="noopener noreferrer"
-            class="hover:text-blue-500"
+            class="hover:text-blue-600"
           >
             @realDonaldTrump
           </a>

src/routes/price-alert/+page.svelte

@@ -388,7 +388,7 @@
                         >
                           <div class="flex flex-col items-start">
                             <span
-                              class="text-sm text-blue-500 dark:text-blue-400"
+                              class="text-sm text-blue-600 dark:text-blue-400"
                               >{item?.symbol}</span
                             >
                             <span
@@ -450,7 +450,7 @@
                           />
                           {#if editMode}
                             <label
-                              class="sm:hover:text-muted text-blue-500 dark:text-blue-400 dark:sm:hover:text-white cursor-pointer"
+                              class="sm:hover:text-muted text-blue-600 dark:text-blue-400 dark:sm:hover:text-white cursor-pointer"
                             >
                               {item?.symbol}
                             </label>

src/routes/pricing/+page.svelte

@@ -88,7 +88,7 @@
 </svelte:head>
 
 <section
-  class=" min-h-screen mb-40 w-full max-w-3xl sm:max-w-5xl m-auto text-muted dark:text-white"
+  class=" min-h-screen mb-40 w-full max-w-3xl sm:max-w-6xl m-auto text-muted dark:text-white"
 >
   <div
     class="flex flex-col sm:flex-row w-full mx-auto justify-center items-center sm:space-x-8 text-sm relative pt-5 pb-20"
@@ -1400,7 +1400,7 @@
                     of it for you.
                     <a
                       href={`mailto:${emailAddress}`}
-                      class="text-blue-500 dark:text-blue-400 underline"
+                      class="text-blue-600 dark:text-blue-400 underline"
                     >
                       {emailAddress}
                     </a>
@@ -1441,7 +1441,7 @@
                     We offer a 30 day money back guarantee, no questions asked.
                     Just send an email to <a
                       href={`mailto:${emailAddress}`}
-                      class="text-blue-500 dark:text-blue-400 underline"
+                      class="text-blue-600 dark:text-blue-400 underline"
                       >{emailAddress}</a
                     > and you will get a full refund.
                   </p>

src/routes/privacy-policy/+page.svelte

@@ -43,7 +43,7 @@
                 policy in its entirety along with our
                 <a
                   href="/terms-of-use"
-                  class="text-blue-500 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
+                  class="text-blue-600 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
                   >Terms of use</a
                 >. Generally, you may use our website without providing personal
                 data. When personal data (such as your name, address, or email
@@ -107,7 +107,7 @@
                 wish to have it removed from our systems, please contact us at
                 <a
                   href={`mailto:${emailAddress}`}
-                  class="text-blue-500 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
+                  class="text-blue-600 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
                   >{emailAddress}</a
                 >.<br /><br />
                 In addition, you have the following rights:
@@ -174,7 +174,7 @@
                     at
                     <a
                       href={`mailto:${emailAddress}`}
-                      class="text-blue-500 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
+                      class="text-blue-600 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
                       >{emailAddress}</a
                     >.
                   </li>

src/routes/profile/+page.svelte

@@ -216,7 +216,7 @@
             </div>
             <a
               href="/update-password"
-              class="sm:hover:text-muted dark:sm:hover:text-white text-blue-500 dark:text-blue-400"
+              class="sm:hover:text-muted dark:sm:hover:text-white text-blue-600 dark:text-blue-400"
               >Update Password</a
             >
           </div>
@@ -477,7 +477,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-500 dark:text-blue-400"
+                class="sm:hover:text-muted dark:sm:hover:text-white text-blue-600 dark:text-blue-400"
               >
                 Get Full Access with Pro Subscription.
               </a>
@@ -496,7 +496,7 @@
                 <li>
                   Send an email to <a
                     href={`mailto:${emailAddress}`}
-                    class="sm:hover:text-muted dark:sm:hover:text-white text-blue-500 dark:text-blue-400"
+                    class="sm:hover:text-muted dark:sm:hover:text-white text-blue-600 dark:text-blue-400"
                     >{emailAddress}</a
                   >
                 </li>
@@ -506,7 +506,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-500 dark:text-blue-400"
+                    class="sm:hover:text-muted dark:sm:hover:text-white text-blue-600 dark:text-blue-400"
                   >
                     r/stocknear</a
                   >.
@@ -516,7 +516,7 @@
                     rel="noopener noreferrer"
                     target="_blank"
                     href="https://discord.com/invite/hCwZMMZ2MT"
-                    class="sm:hover:text-muted dark:sm:hover:text-white text-blue-500 dark:text-blue-400"
+                    class="sm:hover:text-muted dark:sm:hover:text-white text-blue-600 dark:text-blue-400"
                     >Discord Channel</a
                   >.
                 </li>

src/routes/reddit-tracker/+page.svelte

@@ -153,7 +153,7 @@
                         href={"https://www.reddit.com" + item?.permalink}
                         rel="noopener noreferrer"
                         target="_blank"
-                        class="text-[1rem] sm:text-xl font-semibold mb-3 transition duration-100 sm:hover:text-blue-500 dark:sm:hover:text-blue-400"
+                        class="text-[1rem] sm:text-xl font-semibold mb-3 transition duration-100 sm:hover:text-blue-600 dark:sm:hover:text-blue-400"
                       >
                         {item?.title}
                       </a>
@@ -222,7 +222,7 @@
                           href={"https://www.reddit.com/user/" + item?.author}
                           rel="noopener noreferrer"
                           target="_blank"
-                          class="hidden sm:inline-block text-sm sm:hover:text-blue-500 dark:sm:hover:text-blue-400"
+                          class="hidden sm:inline-block text-sm sm:hover:text-blue-600 dark:sm:hover:text-blue-400"
                         >
                           Posted by {item?.author}
                         </a>
@@ -230,7 +230,7 @@
                           href={"https://www.reddit.com" + item?.permalink}
                           rel="noopener noreferrer"
                           target="_blank"
-                          class="mt-2 sm:mt-0 text-sm sm:hover:text-blue-500 dark:sm:hover:text-blue-400"
+                          class="mt-2 sm:mt-0 text-sm sm:hover:text-blue-600 dark:sm:hover:text-blue-400"
                         >
                           {formatUtcTimestamp(item?.created_utc)}
                           <Link
@@ -266,7 +266,7 @@
                           on:click={() => changeTimePeriod(index)}
                           class="p-2 px-5 cursor-pointer {activeIdx === index
                             ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                            : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                            : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
                         >
                           {item.title}
                         </label>
@@ -276,7 +276,7 @@
                           class="p-2 px-5 cursor-pointer flex flex-row items-center {activeIdx ===
                           index
                             ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                            : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                            : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
                         >
                           <span class="">{item.title}</span>
                           <svg

src/routes/register/+page.svelte

@@ -135,13 +135,13 @@
         By registering you agree to stocknear's
         <a
           href="/terms-of-use"
-          class="text-blue-500 dark:text-blue-400 sm:hover:underline"
+          class="text-blue-600 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-500 dark:text-blue-400 sm:hover:underline"
+          class="text-blue-600 dark:text-blue-400 sm:hover:underline"
           >Privacy Policy</a
         >.
       </p>
@@ -764,7 +764,7 @@
         You already have an account?
         <a
           href="/login"
-          class="text-blue-500 dark:text-blue-400 sm:hover:underline ml-1"
+          class="text-blue-600 dark:text-blue-400 sm:hover:underline ml-1"
           >Sign in</a
         >
       </p>
@@ -779,13 +779,13 @@
     By registering you agree to stocknear's
     <a
       href="/terms-of-use"
-      class="text-blue-500 dark:text-blue-400 sm:hover:underline"
+      class="text-blue-600 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-500 dark:text-blue-400 sm:hover:underline"
+      class="text-blue-600 dark:text-blue-400 sm:hover:underline"
       >Privacy Policy</a
     >.
   </p>

src/routes/stock-screener/+page.svelte

@@ -3351,7 +3351,7 @@ const handleKeyDown = (event) => {
                   <td class=" whitespace-nowrap">
                     <a
                       href={"/stocks/" + item?.symbol}
-                      class="text-blue-500 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400 text-sm sm:text-[1rem]"
+                      class="text-blue-600 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400 text-sm sm:text-[1rem]"
                       >{item?.symbol}</a
                     >
                   </td>

src/routes/stocks/[tickerID]/+layout.svelte

@@ -384,7 +384,7 @@
   class="text-muted dark:text-white w-full max-w-screen sm:max-w-[1250px] min-h-screen overflow-hidden"
 >
   <!-- Page wrapper -->
-  <div class="mt-5 flex flex-col w-full relative w-full sm:max-w-[1250px]">
+  <div class=" flex flex-col w-full relative w-full sm:max-w-[1250px]">
     <main class="grow w-full">
       <section class="">
         <div class="w-full">
@@ -410,7 +410,7 @@
                       viewBox="0 0 1024 1024"
                       ><g transform="rotate(-90 512 512)"
                         ><path
-                          fill={$mode === "light" ? "#2C6288" : "white"}
+                          fill={$mode === "light" ? "#3B82F6" : "white"}
                           d="M104.704 685.248a64 64 0 0 0 90.496 0l316.8-316.8l316.8 316.8a64 64 0 0 0 90.496-90.496L557.248 232.704a64 64 0 0 0-90.496 0L104.704 594.752a64 64 0 0 0 0 90.496z"
                         /></g
                       ></svg
@@ -422,10 +422,10 @@
                       ? "hidden"
                       : "flex flex-col items-center ml-6 transition-transform ease-in"}
                   >
-                    <span class=" text-xs font-semibold">
+                    <span class="text-xs font-bold dark:font-semibold">
                       {$stockTicker}
                     </span>
-                    <span class=" text-sm">
+                    <span class="text-sm font-semibold dark:font-normal">
                       {#if $currentPortfolioPrice !== null && $currentPortfolioPrice !== 0}
                         {$currentPortfolioPrice}
                       {:else}
@@ -473,7 +473,7 @@
                       ></g><g id="SVGRepo_iconCarrier">
                         <path
                           d="M20.3359 3.22136L3.87333 8.70889C3.56801 8.81066 3.55033 9.23586 3.84614 9.36263L9.89655 11.9557C9.96078 11.9832 10.0347 11.9752 10.0916 11.9346L16.0235 7.69749C16.2073 7.56618 16.4338 7.79266 16.3025 7.97648L12.0654 13.9084C12.0248 13.9653 12.0168 14.0392 12.0443 14.1034L14.6374 20.1539C14.7641 20.4497 15.1893 20.432 15.2911 20.1267L20.7786 3.66408C20.8698 3.39046 20.6095 3.13015 20.3359 3.22136Z"
-                          fill={$mode === "light" ? "#2C6288" : "white"}
+                          fill={$mode === "light" ? "#3B82F6" : "white"}
                         ></path>
                       </g></svg
                     >
@@ -495,7 +495,7 @@
                               xmlns="http://www.w3.org/2000/svg"
                               viewBox="0 0 16 16"
                               ><path
-                                fill={$mode === "light" ? "#2C6288" : "white"}
+                                fill={$mode === "light" ? "#3B82F6" : "white"}
                                 d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327l4.898.696c.441.062.612.636.282.95l-3.522 3.356l.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"
                               /></svg
                             >
@@ -505,7 +505,7 @@
                               xmlns="http://www.w3.org/2000/svg"
                               viewBox="0 0 16 16"
                               ><path
-                                fill={$mode === "light" ? "#2C6288" : "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
                             >
@@ -522,7 +522,7 @@
                               xmlns="http://www.w3.org/2000/svg"
                               viewBox="0 0 16 16"
                               ><path
-                                fill={$mode === "light" ? "#2C6288" : "white"}
+                                fill={$mode === "light" ? "#3B82F6" : "white"}
                                 d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327l4.898.696c.441.062.612.636.282.95l-3.522 3.356l.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"
                               /></svg
                             >
@@ -532,7 +532,7 @@
                               xmlns="http://www.w3.org/2000/svg"
                               viewBox="0 0 16 16"
                               ><path
-                                fill={$mode === "light" ? "#2C6288" : "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
                             >
@@ -547,7 +547,7 @@
                         xmlns="http://www.w3.org/2000/svg"
                         viewBox="0 0 16 16"
                         ><path
-                          fill={$mode === "light" ? "#2C6288" : "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
                       >
@@ -617,7 +617,7 @@
                                       viewBox="0 0 16 16"
                                       ><path
                                         fill={$mode === "light"
-                                          ? "#2C6288"
+                                          ? "#3B82F6"
                                           : "white"}
                                         d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327l4.898.696c.441.062.612.636.282.95l-3.522 3.356l.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"
                                       /></svg
@@ -629,7 +629,7 @@
                                       viewBox="0 0 16 16"
                                       ><path
                                         fill={$mode === "light"
-                                          ? "#2C6288"
+                                          ? "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
@@ -653,7 +653,7 @@
                                       viewBox="0 0 16 16"
                                       ><path
                                         fill={$mode === "light"
-                                          ? "#2C6288"
+                                          ? "#3B82F6"
                                           : "white"}
                                         d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327l4.898.696c.441.062.612.636.282.95l-3.522 3.356l.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"
                                       /></svg
@@ -665,7 +665,7 @@
                                       viewBox="0 0 16 16"
                                       ><path
                                         fill={$mode === "light"
-                                          ? "#2C6288"
+                                          ? "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
@@ -688,7 +688,7 @@
                                 xmlns="http://www.w3.org/2000/svg"
                                 viewBox="0 0 16 16"
                                 ><path
-                                  fill={$mode === "light" ? "#2C6288" : "white"}
+                                  fill={$mode === "light" ? "#3B82F6" : "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
                               >

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

@@ -93,8 +93,8 @@
         ? "#047857"
         : "#00FC50";
     const fillColorStart = isNegative
-      ? "rgba(204, 38, 26, 0.3)"
-      : "rgb(4, 120, 87, 0.3)"; //"rgba(0, 252, 80, 0.3)";
+      ? "rgba(204, 38, 26, 0.55)"
+      : "rgb(4, 120, 87, 0.55)"; //"rgba(0, 252, 80, 0.3)";
     const fillColorEnd = isNegative
       ? "rgba(204, 38, 26, 0.004)"
       : "rgb(4, 120, 87, 0.004)"; //"rgba(0, 252, 80, 0.004)";
@@ -121,8 +121,8 @@
     const options = {
       chart: {
         backgroundColor: $mode === "light" ? "#fff" : "#09090B",
-        height: 360,
         animation: false,
+        height: 360,
         events: {
           // Add touch event handling to hide tooltip on mobile
           load: function () {
@@ -214,26 +214,29 @@
         },
         labels: {
           style: { color: $mode === "light" ? "black" : "white" },
-          distance: 20,
+          distance: 10,
           formatter: function () {
             const date = new Date(this?.value);
             if (displayData === "1D") {
-              return date?.toLocaleTimeString("en-US", {
-                hour: "2-digit",
-                minute: "2-digit",
+              const timeString = date?.toLocaleTimeString("en-US", {
+                hour: "numeric",
+                hour12: true,
               });
+              return `<span class="font-[501] text-xs">${timeString.replace(/\s/g, " ")}</span>`;
             } else if (["1W", "1M"].includes(displayData)) {
-              return date?.toLocaleDateString("en-US", {
+              const timeString = date?.toLocaleDateString("en-US", {
                 month: "short",
                 day: "numeric",
                 timeZone: "UTC",
               });
+              return `<span class="font-[501] text-xs">${timeString}</span>`;
             } else {
-              return date?.toLocaleDateString("en-US", {
+              const timeString = date?.toLocaleDateString("en-US", {
                 year: "2-digit",
                 month: "short",
                 timeZone: "UTC",
               });
+              return `<span class="font-[501] text-xs">${timeString}</span>`;
             }
           },
         },
@@ -258,7 +261,7 @@
         startOnTick: false,
         endOnTick: false,
         gridLineWidth: 1,
-        gridLineColor: $mode === "light" ? "#d1d5dc" : "#111827",
+        gridLineColor: $mode === "light" ? "#e5e7eb" : "#111827",
         title: { text: null },
         labels: {
           style: { color: $mode === "light" ? "black" : "white" },
@@ -292,7 +295,7 @@
           data: displayData === "1D" ? seriesData : priceList,
           animation: false,
           color: lineColor,
-          lineWidth: 1.3,
+          lineWidth: 1.8,
           marker: {
             enabled: false,
           },
@@ -696,7 +699,7 @@
                           <span
                             class="block px-3 py-1 rounded duration-100 ease-in-out
           {displayData === interval
-                              ? 'bg-blue-50 text-blue-700 dark:bg-primary dark:text-white font-semibold'
+                              ? 'bg-gray-200 text-muted dark:bg-primary dark:text-white font-semibold'
                               : 'bg-transparent text-muted dark:text-gray-400 dark:sm:hover:text-white sm:hover:bg-gray-100 dark:sm:hover:bg-primary'}"
                           >
                             {interval}
@@ -727,7 +730,7 @@
                 <div use:highcharts={config}></div>
               {:else}
                 <div
-                  class="flex justify-center w-full sm:w-[650px] h-[360px] items-center"
+                  class="flex justify-center w-full sm:w-[650px] h-[300px] sm:h-[360px] items-center"
                 >
                   <div class="relative">
                     <label
@@ -743,18 +746,18 @@
             </div>
 
             <div
-              class="mt-10 lg:mt-0 order-5 lg:order-1 flex flex-row space-x-2 sm:space-x-3 xs:space-x-4"
+              class="mt-5 lg:mt-0 order-5 lg:order-1 flex flex-row space-x-2 sm:space-x-3 xs:space-x-4"
             >
               <table class="w-[50%] text-sm sm:text-[1rem] lg:min-w-[250px]">
                 <tbody
                   ><tr
                     class="flex flex-col border-b border-gray-300 dark:border-gray-800 py-1 sm:table-row sm:py-0"
                     ><td
-                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 text-sm"
+                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 text-sm sm:text-[1rem]"
                       >Bid</td
                     >
                     <td
-                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm font-semibold xs:px-1 sm:text-right"
+                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold xs:px-1 sm:text-right"
                       >{$wsBidPrice !== 0 && $wsBidPrice !== null
                         ? $wsBidPrice
                         : ((data?.getStockQuote?.bid !== 0
@@ -765,15 +768,15 @@
                   <tr
                     class="flex flex-col border-b border-gray-300 dark:border-gray-800 py-1 sm:table-row sm:py-0"
                     ><td
-                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 text-sm"
+                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 text-sm sm:text-[1rem]"
                       ><a
                         href={`/stocks/${$stockTicker}/statistics/market-cap`}
-                        class="sm:hover:text-blue-400 underline underline-offset-4"
+                        class="sm:hover:text-muted dark:sm:hover:text-blue-400 underline underline-offset-4"
                         >Market Cap</a
                       ></td
                     >
                     <td
-                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm font-semibold xs:px-1 sm:text-right"
+                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-[1rem] font-semibold xs:px-1 sm:text-right"
                       >{@html abbreviateNumber(
                         data?.getStockQuote?.marketCap,
                         false,
@@ -784,11 +787,11 @@
                   <tr
                     class="flex flex-col border-b border-gray-300 dark:border-gray-800 py-1 sm:table-row sm:py-0"
                     ><td
-                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 text-sm"
+                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 text-sm sm:text-[1rem]"
                       >Revenue (ttm)</td
                     >
                     <td
-                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm font-semibold xs:px-1 sm:text-right"
+                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold xs:px-1 sm:text-right"
                       >{@html stockDeck?.revenueTTM !== null &&
                       stockDeck?.revenueTTM !== 0
                         ? abbreviateNumber(stockDeck?.revenueTTM, false, true)
@@ -798,11 +801,11 @@
                   <tr
                     class="flex flex-col border-b border-gray-300 dark:border-gray-800 py-1 sm:table-row sm:py-0"
                     ><td
-                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 text-sm"
+                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 text-sm sm:text-[1rem]"
                       >Net Income (ttm)</td
                     >
                     <td
-                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm font-semibold xs:px-1 sm:text-right"
+                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold xs:px-1 sm:text-right"
                       >{@html stockDeck?.netIncomeTTM !== null
                         ? abbreviateNumber(stockDeck?.netIncomeTTM, false, true)
                         : "n/a"}</td
@@ -812,40 +815,40 @@
                   <tr
                     class="flex flex-col border-b border-gray-300 dark:border-gray-800 py-1 sm:table-row sm:py-0"
                     ><td
-                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 text-sm"
+                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 text-sm sm:text-[1rem]"
                       >EPS (ttm)</td
                     >
                     <td
-                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm font-semibold xs:px-1 sm:text-right"
+                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold xs:px-1 sm:text-right"
                       >{data?.getStockQuote?.eps ?? "n/a"}</td
                     ></tr
                   >
                   <tr
                     class="flex flex-col border-b border-gray-300 dark:border-gray-800 py-1 sm:table-row sm:py-0"
                     ><td
-                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 text-sm"
+                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 text-sm sm:text-[1rem]"
                       >PE Ratio (ttm)</td
                     >
                     <td
-                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm font-semibold xs:px-1 sm:text-right"
+                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold xs:px-1 sm:text-right"
                       >{data?.getStockQuote?.pe ?? "n/a"}</td
                     ></tr
                   >
                   <tr
                     class="flex flex-col border-b border-gray-300 dark:border-gray-800 py-1 sm:table-row sm:py-0"
                     ><td
-                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 text-sm"
+                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 text-sm sm:text-[1rem]"
                       >Forward PE</td
                     >
                     <td
-                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm font-semibold xs:px-1 sm:text-right"
+                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold xs:px-1 sm:text-right"
                       >{stockDeck?.forwardPE ?? "n/a"}</td
                     ></tr
                   >
                   <tr
                     class="flex flex-col border-b border-gray-300 dark:border-gray-800 py-1 sm:table-row sm:py-0"
                     ><td
-                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 text-sm"
+                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 text-sm sm:text-[1rem]"
                       ><a
                         href={data?.getAnalystSummary?.consensusRating !==
                         undefined
@@ -858,7 +861,7 @@
                       >
                     </td>
                     <td
-                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm font-semibold xs:px-1 sm:text-right"
+                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold xs:px-1 sm:text-right"
                       >{data?.getAnalystSummary?.consensusRating !== null &&
                       data?.getAnalystSummary?.consensusRating !== "n/a" &&
                       data?.getAnalystSummary?.consensusRating !== undefined
@@ -873,11 +876,11 @@
                   ><tr
                     class="flex flex-col border-b border-gray-300 dark:border-gray-800 py-1 sm:table-row sm:py-0"
                     ><td
-                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 text-sm"
+                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 text-sm sm:text-[1rem]"
                       >Ask</td
                     >
                     <td
-                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm font-semibold xs:px-1 sm:text-right"
+                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold xs:px-1 sm:text-right"
                       >{$wsAskPrice !== 0 && $wsAskPrice !== null
                         ? $wsAskPrice
                         : ((data?.getStockQuote?.ask !== 0
@@ -888,11 +891,11 @@
                   <tr
                     class="flex flex-col border-b border-gray-300 dark:border-gray-800 py-1 sm:table-row sm:py-0"
                     ><td
-                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 text-sm"
+                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 text-sm sm:text-[1rem]"
                       >Volume</td
                     >
                     <td
-                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm font-semibold xs:px-1 sm:text-right"
+                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold xs:px-1 sm:text-right"
                       >{data?.getStockQuote?.volume?.toLocaleString(
                         "en-us",
                       )}</td
@@ -901,11 +904,11 @@
                   <tr
                     class="flex flex-col border-b border-gray-300 dark:border-gray-800 py-1 sm:table-row sm:py-0"
                     ><td
-                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 text-sm"
+                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 text-sm sm:text-[1rem]"
                       >Avg. Volume (20D)</td
                     >
                     <td
-                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm font-semibold xs:px-1 sm:text-right"
+                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold xs:px-1 sm:text-right"
                       >{data?.getStockQuote?.avgVolume !== undefined
                         ? data?.getStockQuote?.avgVolume?.toLocaleString(
                             "en-us",
@@ -916,33 +919,33 @@
                   <tr
                     class="flex flex-col border-b border-gray-300 dark:border-gray-800 py-1 sm:table-row sm:py-0"
                     ><td
-                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 text-sm"
+                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 text-sm sm:text-[1rem]"
                       >Open</td
                     >
                     <td
-                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm font-semibold xs:px-1 sm:text-right"
+                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold xs:px-1 sm:text-right"
                       >{data?.getStockQuote?.open?.toFixed(2)}</td
                     ></tr
                   >
                   <tr
                     class="flex flex-col border-b border-gray-300 dark:border-gray-800 py-1 sm:table-row sm:py-0"
                     ><td
-                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 text-sm"
+                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 text-sm sm:text-[1rem]"
                       >Previous Close</td
                     >
                     <td
-                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm font-semibold xs:px-1 sm:text-right"
+                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold xs:px-1 sm:text-right"
                       >{data?.getStockQuote?.previousClose?.toFixed(2)}</td
                     ></tr
                   >
                   <tr
                     class="flex flex-col border-b border-gray-300 dark:border-gray-800 py-1 sm:table-row sm:py-0"
                     ><td
-                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 text-sm"
+                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 text-sm sm:text-[1rem]"
                       >Day's Range</td
                     >
                     <td
-                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm font-semibold xs:px-1 sm:text-right"
+                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold xs:px-1 sm:text-right"
                       >{data?.getStockQuote?.dayLow?.toFixed(2)} - {data?.getStockQuote?.dayHigh?.toFixed(
                         2,
                       )}</td
@@ -951,11 +954,11 @@
                   <tr
                     class="flex flex-col border-b border-gray-300 dark:border-gray-800 py-1 sm:table-row sm:py-0"
                     ><td
-                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 text-sm"
+                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 text-sm sm:text-[1rem]"
                       >52-Week Range</td
                     >
                     <td
-                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm font-semibold xs:px-1 sm:text-right"
+                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold xs:px-1 sm:text-right"
                       >{data?.getStockQuote?.yearLow?.toFixed(2)} - {data?.getStockQuote?.yearHigh?.toFixed(
                         2,
                       )}</td
@@ -964,11 +967,11 @@
                   <tr
                     class="flex flex-col border-b border-gray-300 dark:border-gray-800 py-1 sm:table-row sm:py-0"
                     ><td
-                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 text-sm"
+                      class="whitespace-nowrap px-0.5 py-[1px] xs:px-1 text-sm sm:text-[1rem]"
                       >Beta</td
                     >
                     <td
-                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm font-semibold xs:px-1 sm:text-right"
+                      class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold xs:px-1 sm:text-right"
                       >{stockDeck?.beta?.toFixed(2)}</td
                     ></tr
                   >

src/routes/stocks/[tickerID]/dividends/+layout.svelte

@@ -31,7 +31,7 @@
                     <li class="mb-3 last:mb-1">
                       {formatDate(item?.publishedDate)} &#183;
                       <a
-                        class="text-blue-500 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
+                        class="text-blue-600 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
                         href={item?.url}
                         target="_blank"
                         rel="noopener noreferrer nofollow">{item?.title}</a

src/routes/stocks/[tickerID]/financials/+layout.svelte

@@ -62,7 +62,7 @@
                   on:click={() => changeSubSection("income")}
                   class="p-2 px-5 cursor-pointer {displaySubSection === 'income'
                     ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                    : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                    : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
                 >
                   Income
                 </a>
@@ -73,7 +73,7 @@
                   class="p-2 px-5 cursor-pointer {displaySubSection ===
                   'balance-sheet'
                     ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                    : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                    : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
                 >
                   Balance Sheet
                 </a>
@@ -83,7 +83,7 @@
                   class="p-2 px-5 cursor-pointer {displaySubSection ===
                   'cash-flow'
                     ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                    : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                    : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
                 >
                   Cashflow
                 </a>
@@ -92,7 +92,7 @@
                   on:click={() => changeSubSection("ratios")}
                   class="p-2 px-5 cursor-pointer {displaySubSection === 'ratios'
                     ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                    : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                    : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
                 >
                   Ratios
                 </a>

src/routes/stocks/[tickerID]/forecast/+layout.svelte

@@ -66,7 +66,7 @@
               on:click={() => changeSubSection("overview")}
               class="p-2 px-5 cursor-pointer {displaySubSection === 'overview'
                 ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
             >
               Overview
             </a>
@@ -76,7 +76,7 @@
               on:click={() => changeSubSection("analyst")}
               class="p-2 px-5 cursor-pointer {displaySubSection === 'analyst'
                 ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
             >
               Analysts Ratings
             </a>
@@ -85,7 +85,7 @@
               on:click={() => changeSubSection("ai")}
               class="p-2 px-5 cursor-pointer {displaySubSection === 'ai'
                 ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
             >
               AI Forecast
             </a>

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

@@ -901,7 +901,7 @@
                       <span class="mt-3">
                         Unlock content with
                         <a
-                          class="inline-block ml-0.5 text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+                          class="inline-block ml-0.5 text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
                           href="/pricing"
                           >Pro Subscription <svg
                             class="w-4 h-4 mb-1 inline-block text[#A3A3A3] sm:hover:"

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

@@ -530,7 +530,7 @@
                       {:else}
                         <a
                           href="/pricing"
-                          class="sm:hover:text-blue-500 dark:sm:hover:text-blue-400"
+                          class="sm:hover:text-blue-600 dark:sm:hover:text-blue-400"
                           >Pro <svg
                             class="w-5 h-5 mb-1 inline-block"
                             xmlns="http://www.w3.org/2000/svg"
@@ -564,7 +564,7 @@
                     {:else}
                       <a
                         href="/pricing"
-                        class="sm:hover:text-blue-500 dark:sm:hover:text-blue-400 text-xl font-bold"
+                        class="sm:hover:text-blue-600 dark:sm:hover:text-blue-400 text-xl font-bold"
                       >
                         Pro <svg
                           class="w-5 h-5 mb-1 inline-block"
@@ -662,7 +662,7 @@
                               {:else}
                                 <a
                                   href="/pricing"
-                                  class="sm:hover:text-blue-500 dark:sm:hover:text-blue-400"
+                                  class="sm:hover:text-blue-600 dark:sm:hover:text-blue-400"
                                 >
                                   Pro
                                   <svg
@@ -701,7 +701,7 @@
                               {:else}
                                 <a
                                   href="/pricing"
-                                  class="sm:hover:text-blue-500 dark:sm:hover:text-blue-400"
+                                  class="sm:hover:text-blue-600 dark:sm:hover:text-blue-400"
                                 >
                                   Pro
                                   <svg
@@ -750,7 +750,7 @@
                 <Infobox
                   text={`Using our AI model trained on historical seasonal data, we generated a 12-month forecast for ${removeCompanyStrings($displayCompanyName)}. The model predicts a ... Unlock content with
           <a
-            class="inline-block ml-0.5 text-blue-500 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
+            class="inline-block ml-0.5 text-blue-600 sm:hover:text-muted dark:text-blue-400 dark:sm:hover:text-white"
             href="/pricing"
             >Pro Subscription <svg
               class="w-4 h-4 mb-1 inline-block"
@@ -828,7 +828,7 @@
                             <td class="whitespace-nowrap">
                               <a
                                 href="/pricing"
-                                class="sm:hover:text-blue-500 dark:sm:hover:text-blue-400"
+                                class="sm:hover:text-blue-600 dark:sm:hover:text-blue-400"
                                 >Pro <svg
                                   class="w-4 h-4 mb-1 inline-block"
                                   xmlns="http://www.w3.org/2000/svg"
@@ -844,7 +844,7 @@
                             <td class="whitespace-nowrap">
                               <a
                                 href="/pricing"
-                                class="sm:hover:text-blue-500 dark:sm:hover:text-blue-400"
+                                class="sm:hover:text-blue-600 dark:sm:hover:text-blue-400"
                                 >Pro <svg
                                   class="w-4 h-4 mb-1 inline-block"
                                   xmlns="http://www.w3.org/2000/svg"
@@ -860,7 +860,7 @@
                             <td class="whitespace-nowrap">
                               <a
                                 href="/pricing"
-                                class="sm:hover:text-blue-500 dark:sm:hover:text-blue-400"
+                                class="sm:hover:text-blue-600 dark:sm:hover:text-blue-400"
                                 >Pro <svg
                                   class="w-4 h-4 mb-1 inline-block"
                                   xmlns="http://www.w3.org/2000/svg"
@@ -876,7 +876,7 @@
                             <td class="whitespace-nowrap">
                               <a
                                 href="/pricing"
-                                class="sm:hover:text-blue-500 dark:sm:hover:text-blue-400"
+                                class="sm:hover:text-blue-600 dark:sm:hover:text-blue-400"
                                 >Pro <svg
                                   class="w-4 h-4 mb-1 inline-block"
                                   xmlns="http://www.w3.org/2000/svg"
@@ -903,7 +903,7 @@
                             <td class="whitespace-nowrap">
                               <a
                                 href="/pricing"
-                                class="sm:hover:text-blue-500 dark:sm:hover:text-blue-400"
+                                class="sm:hover:text-blue-600 dark:sm:hover:text-blue-400"
                               >
                                 Pro
                                 <svg
@@ -921,7 +921,7 @@
                             <td class="whitespace-nowrap"
                               ><a
                                 href="/pricing"
-                                class="sm:hover:text-blue-500 dark:sm:hover:text-blue-400"
+                                class="sm:hover:text-blue-600 dark:sm:hover:text-blue-400"
                                 >Pro <svg
                                   class="w-4 h-4 mb-1 inline-block"
                                   xmlns="http://www.w3.org/2000/svg"
@@ -937,7 +937,7 @@
                             <td class="whitespace-nowrap"
                               ><a
                                 href="/pricing"
-                                class="sm:hover:text-blue-500 dark:sm:hover:text-blue-400"
+                                class="sm:hover:text-blue-600 dark:sm:hover:text-blue-400"
                                 >Pro <svg
                                   class="w-4 h-4 mb-1 inline-block"
                                   xmlns="http://www.w3.org/2000/svg"
@@ -953,7 +953,7 @@
                             <td class="whitespace-nowrap"
                               ><a
                                 href="/pricing"
-                                class="sm:hover:text-blue-500 dark:sm:hover:text-blue-400"
+                                class="sm:hover:text-blue-600 dark:sm:hover:text-blue-400"
                                 >Pro <svg
                                   class="w-4 h-4 mb-1 inline-block"
                                   xmlns="http://www.w3.org/2000/svg"

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

@@ -273,7 +273,7 @@
         </div>
 
         <div
-          class="mb-4 grid grid-cols-2 grid-rows-2 divide-contrast rounded-md border border-gray-300 dark:border-gray-600 md:grid-cols-4 md:grid-rows-1 md:divide-x"
+          class="shadow-sm mb-4 grid grid-cols-2 grid-rows-2 divide-contrast rounded-md border border-gray-300 dark:border-gray-600 md:grid-cols-4 md:grid-rows-1 md:divide-x"
         >
           <div
             class="p-4 bp:p-5 sm:p-6 border-r border-gray-300 dark:border-gray-600"
@@ -346,13 +346,28 @@
             >
               <thead class="text-muted dark:text-white dark:bg-default">
                 <tr>
-                  <td class=" font-semibold text-sm text-start">Analyst</td>
-                  <td class=" font-semibold text-sm text-start">Firm</td>
-                  <td class=" font-semibold text-sm text-end">Rating</td>
-                  <td class=" font-semibold text-sm text-end">Action</td>
-                  <td class=" font-semibold text-sm text-end">Price Target</td>
+                  <td class=" font-semibold text-sm sm:text-[1rem] text-start"
+                    >Analyst</td
+                  >
+                  <td class=" font-semibold text-sm sm:text-[1rem] text-start"
+                    >Firm</td
+                  >
+                  <td class=" font-semibold text-sm sm:text-[1rem] text-end"
+                    >Rating</td
+                  >
+                  <td class=" font-semibold text-sm sm:text-[1rem] text-end"
+                    >Action</td
+                  >
+                  <td class=" font-semibold text-sm sm:text-[1rem] text-end"
+                    >Price Target</td
+                  >
+                  <td class=" font-semibold text-sm sm:text-[1rem] text-end"
+                    >Upside</td
+                  >
 
-                  <td class=" font-semibold text-sm text-end">Date</td>
+                  <td class=" font-semibold text-sm sm:text-[1rem] text-end"
+                    >Date</td
+                  >
                 </tr>
               </thead>
               <tbody>
@@ -375,15 +390,35 @@
                           href={item?.analystId !== null
                             ? `/analysts/${item?.analystId}`
                             : "#"}
-                          class="font-semibold dark:font-normal text-blue-500 sm:hover:text-muted dark:sm:hover: dark:text-blue-400"
+                          class="font-semibold dark:font-normal text-blue-600 sm:hover:text-muted dark:sm:hover: dark:text-blue-400"
                           >{item?.analyst_name}
                         </a>
 
                         <div class="flex flex-row items-center mt-1">
                           {#each Array.from({ length: 5 }) as _, i}
-                            {#if i < Math.floor(item?.analystScore)}
+                            {#if item?.analystScore === 0 && i === 0}
+                              <!-- Render a half-filled star when analystScore is 0 -->
                               <svg
-                                class="w-3 h-3 text-[#FBCE3C]"
+                                class="w-4 h-4"
+                                aria-hidden="true"
+                                xmlns="http://www.w3.org/2000/svg"
+                                viewBox="0 0 22 20"
+                              >
+                                <defs>
+                                  <linearGradient id="halfGradient">
+                                    <stop offset="30%" stop-color="#FBCE3C" />
+                                    <stop offset="30%" stop-color="gray" />
+                                  </linearGradient>
+                                </defs>
+                                <path
+                                  fill="url(#halfGradient)"
+                                  d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z"
+                                />
+                              </svg>
+                            {:else if i < Math.floor(item?.analystScore)}
+                              <!-- Render a full star -->
+                              <svg
+                                class="w-4 h-4 text-[#FBCE3C]"
                                 aria-hidden="true"
                                 xmlns="http://www.w3.org/2000/svg"
                                 fill="currentColor"
@@ -394,8 +429,9 @@
                                 />
                               </svg>
                             {:else}
+                              <!-- Render an empty star -->
                               <svg
-                                class="w-3 h-3 text-gray-400 dark:text-gray-500"
+                                class="w-4 h-4 text-gray-400 dark:text-gray-500"
                                 aria-hidden="true"
                                 xmlns="http://www.w3.org/2000/svg"
                                 fill="currentColor"
@@ -407,12 +443,6 @@
                               </svg>
                             {/if}
                           {/each}
-
-                          <span class="ml-1 text-sm">
-                            ({item?.analystScore !== null
-                              ? item?.analystScore
-                              : 0})
-                          </span>
                         </div>
                       </div>
                     </td>
@@ -426,12 +456,10 @@
                     </td>
 
                     <td
-                      class="text-sm sm:text-[1rem] whitespace-nowrap text-end"
-                    >
-                      <span
-                        class=" {['Strong Buy', 'Buy']?.includes(
-                          item?.rating_current,
-                        )
+                      class="text-sm sm:text-[1rem] whitespace-nowrap text-end {[
+                        'Strong Buy',
+                        'Buy',
+                      ]?.includes(item?.rating_current)
                         ? ' text-green-600 dark:text-[#00FC50] '
                         : item?.rating_current === 'Hold'
                           ? '"text-red-600 dark:text-[#FF7070]"'
@@ -442,7 +470,6 @@
                             : ''}"
                     >
                       {item?.rating_current}
-                      </span>
                     </td>
 
                     <td
@@ -490,6 +517,35 @@
                       </div>
                     </td>
 
+                    <td
+                      class="text-sm sm:text-[1rem] whitespace-nowrap text-end font-semibold"
+                    >
+                      {#if Math?.ceil(item?.adjusted_pt_current) !== 0}
+                        <span
+                          class="text-sm sm:text-[1rem] whitespace-nowrap text-end {item?.adjusted_pt_current /
+                            data?.getStockQuote?.price -
+                            1 >=
+                          0
+                            ? 'text-green-600 dark:text-[#00FC50] '
+                            : item?.adjusted_pt_current /
+                                  data?.getStockQuote?.price -
+                                  1 <
+                                0
+                              ? 'text-red-600 dark:text-[#FF2F1F]'
+                              : ''}"
+                        >
+                          {(
+                            (item?.adjusted_pt_current /
+                              data?.getStockQuote?.price -
+                              1) *
+                            100
+                          )?.toFixed(2)}%
+                        </span>
+                      {:else}
+                        <span class="">n/a</span>
+                      {/if}
+                    </td>
+
                     <td
                       class=" text-end text-sm sm:text-[1rem] whitespace-nowrap"
                     >
@@ -515,23 +571,10 @@
             </table>
           </div>
         {:else if activeIdx === 1}
-          <div class="w-full flex justify-start items-center m-auto mt-10 mb-6">
-            <div
-              class="text-center w-fit text-gray-100 text-sm sm:text-[1rem] rounded-md h-auto border border-gray-300 dark:border-gray-600 p-4"
-            >
-              <svg
-                class="w-5 h-5 inline-block sm:mr-1 shrink-0"
-                xmlns="http://www.w3.org/2000/svg"
-                viewBox="0 0 256 256"
-                ><path
-                  fill="#fff"
-                  d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m-4 48a12 12 0 1 1-12 12a12 12 0 0 1 12-12m12 112a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 0 16"
-                /></svg
-              >
-              There are no top analyst ratings available for the past 12 months for
-              {$displayCompanyName}
-            </div>
-          </div>
+          <Infobox
+            text={`There are no top analyst ratings available for the past 12 months for
+              ${removeCompanyStrings($displayCompanyName)}`}
+          />
         {/if}
 
         {#if rawData?.length !== 0}

src/routes/stocks/[tickerID]/insider/+layout.svelte

@@ -87,7 +87,7 @@
                 on:click={() => changeSubSection("insider")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'insider'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 Insider Trading
               </a>
@@ -98,7 +98,7 @@
                 class="p-2 px-5 cursor-pointer {displaySubSection ===
                 'institute'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 13F Institute
               </a>
@@ -109,7 +109,7 @@
                 class="p-2 px-5 cursor-pointer {displaySubSection ===
                 'congress-trading'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 Congress Trading
               </a>
@@ -119,7 +119,7 @@
                 class="p-2 px-5 cursor-pointer {displaySubSection ===
                 'transcripts'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 Transcripts
               </a>
@@ -141,7 +141,7 @@
                     <li class="mb-3 last:mb-1">
                       {formatDate(item?.publishedDate)} ago -
                       <a
-                        class="sm:hover:text-muted dark:sm:hover:text-white text-blue-500 dark:text-blue-400"
+                        class="sm:hover:text-muted dark:sm:hover:text-white text-blue-600 dark:text-blue-400"
                         href={item?.url}
                         target="_blank"
                         rel="noopener noreferrer nofollow">{item?.title}</a

src/routes/stocks/[tickerID]/insider/+page.svelte

@@ -369,7 +369,7 @@
                             cy="18"
                             r="16"
                             fill="none"
-                            class="stroke-current text-blue-500"
+                            class="stroke-current text-blue-600"
                             stroke-width="3"
                             stroke-dasharray="100"
                             stroke-dashoffset={buySellRatio >= 1

src/routes/stocks/[tickerID]/insider/congress-trading/+page.svelte

@@ -288,7 +288,7 @@
                           cy="18"
                           r="16"
                           fill="none"
-                          class="stroke-current text-blue-500"
+                          class="stroke-current text-blue-600"
                           stroke-width="3"
                           stroke-dasharray="100"
                           stroke-dashoffset={100 - partyRatio * 100 >= 0
@@ -354,7 +354,7 @@
                           <div class="flex flex-col ml-3 font-normal">
                             <a
                               href={`/politicians/${item?.id}`}
-                              class="text-blue-500 sm:hover:text-muted dark:sm:hover: dark:text-blue-400"
+                              class="text-blue-600 sm:hover:text-muted dark:sm:hover: dark:text-blue-400"
                               >{getAbbreviatedName(
                                 item?.representative?.replace("_", " "),
                               )}</a

src/routes/stocks/[tickerID]/metrics/+layout.svelte

@@ -78,7 +78,7 @@
                   class="p-2 px-5 cursor-pointer {displaySubSection ===
                   sectionKey
                     ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                    : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                    : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
                 >
                   {title}
                 </a>

src/routes/stocks/[tickerID]/metrics/+page.svelte

@@ -115,7 +115,7 @@
                     >
                       <a
                         href={getHref(name)}
-                        class="sm:hover:text-blue-500 dark:sm:hover:text-blue-400 cursor-pointer underline underline-offset-4"
+                        class="sm:hover:text-blue-600 dark:sm:hover:text-blue-400 cursor-pointer underline underline-offset-4"
                       >
                         {name} Revenue
                       </a>

src/routes/stocks/[tickerID]/options/+layout.svelte

@@ -70,7 +70,7 @@
                 on:click={() => changeSubSection("overview")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'overview'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 Overview
               </a>
@@ -80,7 +80,7 @@
                 class="p-2 px-5 cursor-pointer {displaySubSection ===
                 'contract-lookup'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 Contract Lookup
               </a>
@@ -90,7 +90,7 @@
                 class="p-2 px-5 cursor-pointer {displaySubSection ===
                 'unusual-activity'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 Unusual Activity
               </a>
@@ -100,7 +100,7 @@
                 class="p-2 px-5 cursor-pointer {displaySubSection ===
                 'hottest-contracts'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 Hottest Contracts
               </a>
@@ -110,7 +110,7 @@
                 class="p-2 px-5 cursor-pointer {displaySubSection ===
                 'volatility'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 Volatility
               </a>
@@ -119,7 +119,7 @@
                 on:click={() => changeSubSection("oi")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'oi'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 OI
               </a>
@@ -129,7 +129,7 @@
                 on:click={() => changeSubSection("gex")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'gex'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 GEX
               </a>
@@ -138,7 +138,7 @@
                 on:click={() => changeSubSection("dex")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'dex'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 DEX
               </a>

src/routes/stocks/[tickerID]/options/dex/+layout.svelte

@@ -59,7 +59,7 @@
                 on:click={() => changeSubSection("overview")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'overview'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 Overview
               </a>
@@ -69,7 +69,7 @@
                 on:click={() => changeSubSection("strike")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'strike'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 By Strike
               </a>
@@ -78,7 +78,7 @@
                 on:click={() => changeSubSection("expiry")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'expiry'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 By Expiry
               </a>

src/routes/stocks/[tickerID]/options/gex/+layout.svelte

@@ -59,7 +59,7 @@
                 on:click={() => changeSubSection("overview")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'overview'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 Overview
               </a>
@@ -69,7 +69,7 @@
                 on:click={() => changeSubSection("strike")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'strike'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 By Strike
               </a>
@@ -78,7 +78,7 @@
                 on:click={() => changeSubSection("expiry")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'expiry'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 By Expiry
               </a>

src/routes/stocks/[tickerID]/options/oi/+layout.svelte

@@ -57,7 +57,7 @@
                 on:click={() => changeSubSection("strike")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'strike'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 By Strike
               </a>
@@ -67,7 +67,7 @@
                 on:click={() => changeSubSection("expiry")}
                 class="p-2 px-5 cursor-pointer {displaySubSection === 'expiry'
                   ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                  : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                  : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
               >
                 By Expiry
               </a>

src/routes/stocks/[tickerID]/profile/+layout.svelte

@@ -48,7 +48,7 @@
               on:click={() => changeSubSection("overview")}
               class="p-2 px-5 cursor-pointer {displaySubSection === 'overview'
                 ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
             >
               Overview
             </a>
@@ -58,7 +58,7 @@
               on:click={() => changeSubSection("employees")}
               class="p-2 px-5 cursor-pointer {displaySubSection === 'employees'
                 ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
             >
               Employees
             </a>

src/routes/stocks/[tickerID]/profile/+page.svelte

@@ -115,7 +115,7 @@ ${paragraphs.join("\n")}
                         href={rawData?.industry
                           ? getIndustryHref(rawData?.industry)
                           : "#"}
-                        class="sm:hover:text-blue-500 dark:sm:hover:text-blue-400 underline underline-offset-4"
+                        class="sm:hover:text-blue-600 dark:sm:hover:text-blue-400 underline underline-offset-4"
                         >{rawData?.industry ?? "n/a"}</a
                       ></td
                     ></tr
@@ -131,7 +131,7 @@ ${paragraphs.join("\n")}
                         href={sectorNavigation?.find(
                           (item) => item?.title === rawData?.sector,
                         )?.link}
-                        class="sm:hover:text-blue-500 dark:sm:hover:text-blue-400 underline underline-offset-4"
+                        class="sm:hover:text-blue-600 dark:sm:hover:text-blue-400 underline underline-offset-4"
                         >{rawData?.sector ? rawData?.sector : "n/a"}</a
                       ></td
                     ></tr
@@ -142,7 +142,7 @@ ${paragraphs.join("\n")}
                     >
                     <td class="px-1 py-1.5 text-right lg:py-2"
                       ><a
-                        class="sm:hover:text-blue-500 dark:sm:hover:text-blue-400 underline underline-offset-4"
+                        class="sm:hover:text-blue-600 dark:sm:hover:text-blue-400 underline underline-offset-4"
                         href={`/stocks/${$stockTicker}/profile/employees`}
                         >{rawData?.fullTimeEmployees
                           ? new Intl.NumberFormat("en")?.format(
@@ -195,7 +195,7 @@ ${paragraphs.join("\n")}
                     <td class="px-0.5 py-2 text-right">
                       <a
                         href={rawData?.website}
-                        class="sm:hover:text-muted dark:sm:hover:text-white truncate text-blue-500 dark:text-blue-400"
+                        class="sm:hover:text-muted dark:sm:hover:text-white truncate text-blue-600 dark:text-blue-400"
                         target="_blank">{rawData?.website ?? "n/a"}</a
                       ></td
                     ></tr
@@ -348,7 +348,7 @@ ${paragraphs.join("\n")}
                       <td class="px-1 py-3 align-top xs:px-2">{item?.type}</td>
                       <td class="py-3 pl-1 align-top xs:px-2"
                         ><a
-                          class="text-blue-500 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline sm:hover:underline-offset-4"
+                          class="text-blue-600 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline sm:hover:underline-offset-4"
                           href={item?.link}
                           target="_blank"
                           rel="noopener noreferrer"
@@ -368,7 +368,7 @@ ${paragraphs.join("\n")}
               class="border-b border-gray-300 dark:border-gray-600 py-3 text-lg sm:text-xl font-semibold"
             >
               <a
-                class="text-blue-500 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline sm:hover:underline-offset-4"
+                class="text-blue-600 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline sm:hover:underline-offset-4"
                 href={`https://www.sec.gov/cgi-bin/browse-edgar?CIK=${rawData?.cik}&amp;count=100`}
                 target="_blank"
                 rel="noopener noreferrer">View All SEC Filings</a

src/routes/stocks/[tickerID]/profile/employees/+layout.svelte

@@ -81,7 +81,7 @@
                         ><td class="text-left px-2"
                           ><a
                             href={`/stocks/${item?.symbol}/profile/employees`}
-                            class="text-[1rem] text-blue-500 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
+                            class="text-[1rem] text-blue-600 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
                             >{item?.name?.length > 30
                               ? item?.name?.slice(0, 30) + "..."
                               : item?.name}</a
@@ -128,7 +128,7 @@
                     <li class="mb-3 last:mb-1">
                       {formatDate(item?.publishedDate)} ago -
                       <a
-                        class="text-blue-500 sm:hover:text-muted dark:sm:hover: dark:text-blue-400"
+                        class="text-blue-600 sm:hover:text-muted dark:sm:hover: dark:text-blue-400"
                         href={item?.url}
                         target="_blank"
                         rel="noopener noreferrer nofollow">{item?.title}</a

src/routes/stocks/[tickerID]/statistics/+layout.svelte

@@ -54,7 +54,7 @@
               on:click={() => changeSubSection("overview")}
               class="p-2 px-5 cursor-pointer {displaySubSection === 'overview'
                 ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
             >
               Overview
             </a>
@@ -64,7 +64,7 @@
               on:click={() => changeSubSection("market-cap")}
               class="p-2 px-5 cursor-pointer {displaySubSection === 'market-cap'
                 ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
             >
               Market Cap
             </a>
@@ -74,7 +74,7 @@
               on:click={() => changeSubSection("revenue")}
               class="p-2 px-5 cursor-pointer {displaySubSection === 'revenue'
                 ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
             >
               Revenue
             </a>
@@ -85,7 +85,7 @@
               class="p-2 px-5 cursor-pointer {displaySubSection ===
               'price-reaction'
                 ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
             >
               Price Reaction
             </a>
@@ -96,7 +96,7 @@
               class="p-2 px-5 cursor-pointer {displaySubSection ===
               'fail-to-deliver'
                 ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
             >
               Fail-to-Deliver
             </a>

src/routes/stocks/[tickerID]/statistics/fail-to-deliver/+layout.svelte

@@ -48,7 +48,7 @@
                         ><td class="text-left text-[1rem] px-2"
                           ><a
                             href={`/stocks/${item?.symbol}`}
-                            class="text-blue-500 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
+                            class="text-blue-600 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
                             >{item?.symbol}</a
                           ></td
                         >

src/routes/stocks/[tickerID]/statistics/market-cap/+layout.svelte

@@ -154,7 +154,7 @@
                         ><td class="text-left text-[1rem] px-2"
                           ><a
                             href={`/stocks/${item?.symbol}`}
-                            class="text-blue-500 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
+                            class="text-blue-600 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
                             >{item?.name}</a
                           ></td
                         >

src/routes/stocks/[tickerID]/statistics/market-cap/+page.svelte

@@ -493,7 +493,7 @@
                     <span class="text-xl font-bold"
                       >{#if capCategory}
                         <a
-                          class="text-blue-500 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
+                          class="text-blue-600 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
                           href={capCategory.link}
                         >
                           {capCategory.name}

src/routes/stocks/[tickerID]/statistics/revenue/+layout.svelte

@@ -116,7 +116,7 @@
                         ><td class="text-left text-[1rem] px-2"
                           ><a
                             href={`/stocks/${item?.symbol}/statistics/revenue`}
-                            class="text-blue-500 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
+                            class="text-blue-600 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
                             >{item?.name}</a
                           ></td
                         >
@@ -152,7 +152,7 @@
                     <li class="mb-3 last:mb-1">
                       {formatDate(item?.publishedDate)} ago -
                       <a
-                        class="text-blue-500 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
+                        class="text-blue-600 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
                         href={item?.url}
                         target="_blank"
                         rel="noopener noreferrer nofollow">{item?.title}</a

src/routes/terms-of-use/+page.svelte

@@ -37,7 +37,7 @@
                 bound by these Terms as well as our
                 <a
                   href="/privacy-policy"
-                  class="text-blue-500 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
+                  class="text-blue-600 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
                   >Privacy Policy</a
                 >. Stocknear reserves the right to modify these Terms at any
                 time.
@@ -136,7 +136,7 @@
                 us at
                 <a
                   href="mailto:contact@stocknear.com"
-                  class="text-blue-500 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
+                  class="text-blue-600 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
                   >contact@stocknear.com</a
                 >
                 using the subject line "Copyright Infringement" and provide a detailed
@@ -167,7 +167,7 @@
                 Settings or by contacting us at
                 <a
                   href="mailto:support@stocknear.com"
-                  class="text-blue-500 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
+                  class="text-blue-600 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
                   >support@stocknear.com</a
                 >.<br /><br />
                 If you are not completely satisfied with your subscription, you may
@@ -247,7 +247,7 @@
                 our contact form or email us directly at
                 <a
                   href="mailto:support@stocknear.com"
-                  class="text-blue-500 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
+                  class="text-blue-600 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
                   >support@stocknear.com</a
                 >.
               </div>
@@ -260,13 +260,13 @@
                 These Terms and Conditions, together with our
                 <a
                   href="/privacy-policy"
-                  class="text-blue-500 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
+                  class="text-blue-600 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
                   >Privacy Policy</a
                 >
                 and
                 <a
                   href="/imprint"
-                  class="text-blue-500 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
+                  class="text-blue-600 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
                   >Imprint</a
                 >, constitute the entire agreement between you and Stocknear.
                 <br /><br />

src/routes/watchlist/+layout.svelte

@@ -54,7 +54,7 @@
                   href={item?.path}
                   class="p-2 px-5 cursor-pointer {activeIdx === i
                     ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
-                    : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
+                    : 'text-blue-600 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
                 >
                   {item.title}
                 </a>

src/routes/watchlist/stocks/+page.svelte

@@ -1313,7 +1313,7 @@
                           >
                             <div class="flex flex-col items-start">
                               <span
-                                class="text-sm text-blue-500 dark:text-blue-400"
+                                class="text-sm text-blue-600 dark:text-blue-400"
                                 >{item?.symbol}</span
                               >
                               <span
@@ -1646,7 +1646,7 @@
                           >
                             <td
                               on:click={() => handleFilter(item?.symbol)}
-                              class="text-blue-500 dark:text-blue-400 text-sm sm:text-[1rem] whitespace-nowrap text-start flex flex-row items-center"
+                              class="text-blue-600 dark:text-blue-400 text-sm sm:text-[1rem] whitespace-nowrap text-start flex flex-row items-center"
                             >
                               <input
                                 type="checkbox"
@@ -1659,7 +1659,7 @@
                               />
                               {#if editMode}
                                 <label
-                                  class="text-blue-500 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white cursor-pointer"
+                                  class="text-blue-600 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white cursor-pointer"
                                 >
                                   {item?.symbol}
                                 </label>
@@ -1857,7 +1857,7 @@
                                     href={items[0].url}
                                     target="_blank"
                                     rel="nofollow noopener noreferrer"
-                                    class="sm:hover:text-blue-500 dark:sm:hover:text-blue-400"
+                                    class="sm:hover:text-blue-600 dark:sm:hover:text-blue-400"
                                   >
                                     <h4
                                       class="text-sm font-semibold lg:text-[1rem]"
@@ -1885,7 +1885,7 @@
                                       {#each symbols as symbol}
                                         <a
                                           href={`/${items[0].type}/${symbol}`}
-                                          class="text-blue-500 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
+                                          class="text-blue-600 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400"
                                         >
                                           {symbol}
                                         </a>