AmineTMIRI/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui fix

Browse Source
This commit is contained in:
MuslemRahimi 2025-03-31 21:23:53 +02:00
parent c668e7be1f
commit 6e88e9e3d2
51 changed files with 239 additions and 220 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/lib/components/AIScore.svelte
View File

@ -59,10 +59,10 @@
r="16" r="16"
fill="none" fill="none"
class="stroke-current {score >= 7 class="stroke-current {score >= 7
? 'text-green-600 dark:text-[#00FC50]' ? 'text-green-700 dark:text-[#00FC50]'
: score >= 4 : score >= 4
? 'text-blue-700 dark:text-[#fff]' ? 'text-blue-700 dark:text-[#fff]'
: 'text-red-600 dark:text-[#FF2F1F]'}" : 'text-red-700 dark:text-[#FF2F1F]'}"
stroke-width="3" stroke-width="3"
stroke-dasharray="100.48" stroke-dasharray="100.48"
stroke-dashoffset={100.48 - stroke-dashoffset={100.48 -

41
src/lib/components/Adsense/BottomAds.svelte
View File

@ -1,11 +1,30 @@
<amp-ad <div class="mb-10 mt-10 text-center xl:max-w-screen-xl">
width="100vw" <div
height="320" id="ifoot"
type="adsense" class="center-all mx-auto block min-h-[90px] md:w-[728px] lg:w-[970px] rounded"
data-ad-client="ca-pub-7722951169931877" data-google-query-id="CPWJv8_4tIwDFcqKgwcddN8mgw"
data-ad-slot="4890164325" >
data-auto-format="rspv" <div
data-full-width="" id="google_ads_iframe_/4890164325/Footer_0__container__"
> style="border: 0pt;"
<div overflow=""></div> >
</amp-ad> <iframe
id="google_ads_iframe_/4890164325/Footer_0"
name="google_ads_iframe_/4890164325/Footer_0"
title="3rd party ad content"
width="970"
height="250"
scrolling="no"
marginwidth="0"
marginheight="0"
frameborder="0"
class="rounded"
style="border: 0px; vertical-align: bottom;"
aria-label="Advertisement"
tabindex="0"
data-google-container-id="1"
data-load-complete="true"
></iframe>
</div>
</div>
</div>

16
src/lib/components/AnalystEstimate.svelte
View File

@ -837,9 +837,9 @@
{:else} {:else}
<span <span
class={item?.growth > 0 class={item?.growth > 0
? "text-green-600 dark:text-[#00FC50] before:content-['+']" ? "text-green-700 dark:text-[#00FC50] before:content-['+']"
: item?.growth < 0 : item?.growth < 0
? "text-red-600 dark:text-[#FF2F1F]" ? "text-red-700 dark:text-[#FF2F1F]"
: ""} : ""}
> >
{item?.growth}% {item?.growth}%
@ -888,9 +888,9 @@
{:else} {:else}
<span <span
class={item?.growth > 0 class={item?.growth > 0
? "text-green-600 dark:text-[#00FC50] before:content-['+']" ? "text-green-700 dark:text-[#00FC50] before:content-['+']"
: item?.growth < 0 : item?.growth < 0
? "text-red-600 dark:text-[#FF2F1F]" ? "text-red-700 dark:text-[#FF2F1F]"
: ""} : ""}
> >
{item?.growth}% {item?.growth}%
@ -938,9 +938,9 @@
{:else} {:else}
<span <span
class={item?.growth > 0 class={item?.growth > 0
? "text-green-600 dark:text-[#00FC50] before:content-['+']" ? "text-green-700 dark:text-[#00FC50] before:content-['+']"
: item?.growth < 0 : item?.growth < 0
? "text-red-600 dark:text-[#FF2F1F]" ? "text-red-700 dark:text-[#FF2F1F]"
: ""} : ""}
> >
{item?.growth}% {item?.growth}%
@ -989,9 +989,9 @@
{:else} {:else}
<span <span
class={item?.growth > 0 class={item?.growth > 0
? "text-green-600 dark:text-[#00FC50] before:content-['+']" ? "text-green-700 dark:text-[#00FC50] before:content-['+']"
: item?.growth < 0 : item?.growth < 0
? "text-red-600 dark:text-[#FF2F1F]" ? "text-red-700 dark:text-[#FF2F1F]"
: ""} : ""}
> >
{item?.growth}% {item?.growth}%

6
src/lib/components/DCF.svelte
View File

@ -252,7 +252,7 @@
The DCF model signals a The DCF model signals a
{#if change < -3} {#if change < -3}
<span class="text-green-600 dark:text-[#00FC50]"> <span class="text-green-700 dark:text-[#00FC50]">
<svg <svg
class="w-6 h-6 sm:w-7 sm:h-7 inline-block" class="w-6 h-6 sm:w-7 sm:h-7 inline-block"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
@ -282,7 +282,7 @@
Sell Sell
</span> </span>
{:else} {:else}
<span class="text-red-600 dark:text-[#FF2F1F]"> <span class="text-red-700 dark:text-[#FF2F1F]">
<svg <svg
class="w-6 h-6 sm:w-7 sm:h-7 inline-block" class="w-6 h-6 sm:w-7 sm:h-7 inline-block"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
@ -307,7 +307,7 @@
{:else if change < 0} {:else if change < 0}
<div class="text-white"> <div class="text-white">
The Stock Price is The Stock Price is
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>{Math?.abs(change)}% undervalued</span >{Math?.abs(change)}% undervalued</span
>. >.
</div> </div>

4
src/lib/components/DarkPool/HistoricalVolume.svelte
View File

@ -433,7 +433,7 @@
{#if index === tableList?.length - 1} {#if index === tableList?.length - 1}
n/a n/a
{:else if item?.shortVolume > tableList[index + 1]?.shortVolume} {:else if item?.shortVolume > tableList[index + 1]?.shortVolume}
<span class="text-green-600 dark:text-[#00FC50]"> <span class="text-green-700 dark:text-[#00FC50]">
+{( +{(
((item?.shortVolume - ((item?.shortVolume -
tableList[index + 1]?.shortVolume) / tableList[index + 1]?.shortVolume) /
@ -442,7 +442,7 @@
)?.toFixed(2)}% )?.toFixed(2)}%
</span> </span>
{:else if item?.shortVolume < tableList[index + 1]?.shortVolume} {:else if item?.shortVolume < tableList[index + 1]?.shortVolume}
<span class="text-red-600 dark:text-[#FF2F1F]"> <span class="text-red-700 dark:text-[#FF2F1F]">
-{( -{(
Math.abs( Math.abs(
(item?.shortVolume - (item?.shortVolume -

4
src/lib/components/DividendAnnouncement.svelte
View File

@ -83,8 +83,8 @@
rawData?.dividendPrior - rawData?.dividendPrior -
1 > 1 >
0 0
? "before:content-['+'] text-green-600 dark:text-[#00FC50]" ? "before:content-['+'] text-green-700 dark:text-[#00FC50]"
: 'text-red-600 dark:text-[#FF2F1F]'}" : 'text-red-700 dark:text-[#FF2F1F]'}"
> >
{( {(
(rawData?.dividend / rawData?.dividendPrior - 1) * (rawData?.dividend / rawData?.dividendPrior - 1) *

8
src/lib/components/EarningsSurprise.svelte
View File

@ -92,8 +92,8 @@
)}, with )}, with
<span <span
class=" {revenueRatio > 0 class=" {revenueRatio > 0
? "before:content-['+'] text-green-600 dark:text-[#00FC50]" ? "before:content-['+'] text-green-700 dark:text-[#00FC50]"
: 'text-red-600 dark:text-[#FF2F1F]'}">{revenueRatio}%</span : 'text-red-700 dark:text-[#FF2F1F]'}">{revenueRatio}%</span
> >
YoY {revenueRatio < 0 ? "decline" : "growth"}. YoY {revenueRatio < 0 ? "decline" : "growth"}.
</li> </li>
@ -109,8 +109,8 @@
class=" {epsRatio === null class=" {epsRatio === null
? '' ? ''
: epsRatio > 0 : epsRatio > 0
? 'text-green-600 dark:text-[#00FC50]' ? 'text-green-700 dark:text-[#00FC50]'
: 'text-red-600 dark:text-[#FF2F1F]'}" : 'text-red-700 dark:text-[#FF2F1F]'}"
> >
{epsRatio === null ? "n/a" : `${epsRatio}%`} {epsRatio === null ? "n/a" : `${epsRatio}%`}
</span> </span>

12
src/lib/components/EstimationGraph.svelte
View File

@ -163,9 +163,9 @@
{:else} {:else}
<span <span
class={item?.growth !== null && item?.growth > 0 class={item?.growth !== null && item?.growth > 0
? "text-green-600 dark:text-[#00FC50] before:content-['+']" ? "text-green-700 dark:text-[#00FC50] before:content-['+']"
: item?.growth < 0 : item?.growth < 0
? "text-red-600 dark:text-[#FF2F1F]" ? "text-red-700 dark:text-[#FF2F1F]"
: ""} : ""}
> >
{item?.growth !== null && Math.abs(item?.growth - 0) > 0 {item?.growth !== null && Math.abs(item?.growth - 0) > 0
@ -197,9 +197,9 @@
{:else} {:else}
<span <span
class={item?.growth !== null && item?.growth > 0 class={item?.growth !== null && item?.growth > 0
? "text-green-600 dark:text-[#00FC50] before:content-['+']" ? "text-green-700 dark:text-[#00FC50] before:content-['+']"
: item?.growth < 0 : item?.growth < 0
? "text-red-600 dark:text-[#FF2F1F]" ? "text-red-700 dark:text-[#FF2F1F]"
: ""} : ""}
> >
{item?.growth !== null && Math.abs(item?.growth - 0) > 0 {item?.growth !== null && Math.abs(item?.growth - 0) > 0
@ -231,9 +231,9 @@
{:else} {:else}
<span <span
class={item?.growth !== null && item?.growth > 0 class={item?.growth !== null && item?.growth > 0
? "text-green-600 dark:text-[#00FC50] before:content-['+']" ? "text-green-700 dark:text-[#00FC50] before:content-['+']"
: item?.growth < 0 : item?.growth < 0
? "text-red-600 dark:text-[#FF2F1F]" ? "text-red-700 dark:text-[#FF2F1F]"
: ""} : ""}
> >
{item?.growth !== null && Math.abs(item?.growth - 0) > 0 {item?.growth !== null && Math.abs(item?.growth - 0) > 0

4
src/lib/components/HoverStockChart.svelte
View File

@ -207,8 +207,8 @@
<p> <p>
Current Price: {stockChartData?.price?.toFixed(2)} (<span Current Price: {stockChartData?.price?.toFixed(2)} (<span
class="text-xs {change >= 0 class="text-xs {change >= 0
? "before:content-['+'] text-green-600 dark:text-[#00FC50]" ? "before:content-['+'] text-green-700 dark:text-[#00FC50]"
: 'text-red-600 dark:text-[#FF2F1F]'}" : 'text-red-700 dark:text-[#FF2F1F]'}"
>{change?.toFixed(2)}</span >{change?.toFixed(2)}</span
>) >)
</p> </p>

12
src/lib/components/IndustryTable.svelte
View File

@ -130,24 +130,24 @@
<td <td
class="{item?.profitMargin >= 0 class="{item?.profitMargin >= 0
? "before:content-['+'] text-green-600 dark:text-[#00FC50]" ? "before:content-['+'] text-green-700 dark:text-[#00FC50]"
: 'text-red-600 dark:text-[#FF2F1F]'} text-sm sm:text-[1rem] whitespace-nowrap text-end" : 'text-red-700 dark:text-[#FF2F1F]'} text-sm sm:text-[1rem] whitespace-nowrap text-end"
> >
{abbreviateNumber(item?.profitMargin)}% {abbreviateNumber(item?.profitMargin)}%
</td> </td>
<td <td
class="{item?.avgChange1D >= 0 class="{item?.avgChange1D >= 0
? "before:content-['+'] text-green-600 dark:text-[#00FC50]" ? "before:content-['+'] text-green-700 dark:text-[#00FC50]"
: 'text-red-600 dark:text-[#FF2F1F]'} text-end text-sm sm:text-[1rem] whitespace-nowrap" : 'text-red-700 dark:text-[#FF2F1F]'} text-end text-sm sm:text-[1rem] whitespace-nowrap"
> >
{item?.avgChange1D?.toFixed(2) ?? "n/a"}% {item?.avgChange1D?.toFixed(2) ?? "n/a"}%
</td> </td>
<td <td
class="{item?.avgChange1Y >= 0 class="{item?.avgChange1Y >= 0
? "before:content-['+'] text-green-600 dark:text-[#00FC50]" ? "before:content-['+'] text-green-700 dark:text-[#00FC50]"
: 'text-red-600 dark:text-[#FF2F1F]'} text-end text-sm sm:text-[1rem] whitespace-nowrap" : 'text-red-700 dark:text-[#FF2F1F]'} text-end text-sm sm:text-[1rem] whitespace-nowrap"
> >
{item?.avgChange1Y?.toFixed(2) ?? "n/a"}% {item?.avgChange1Y?.toFixed(2) ?? "n/a"}%
</td> </td>

8
src/lib/components/NextEarnings.svelte
View File

@ -87,9 +87,9 @@
>, reflecting a >, reflecting a
<span <span
class="{revenueRatio >= 0 && revenueRatio !== 'Infinity' class="{revenueRatio >= 0 && revenueRatio !== 'Infinity'
? "before:content-['+'] text-green-600 dark:text-[#00FC50]" ? "before:content-['+'] text-green-700 dark:text-[#00FC50]"
: revenueRatio < 0 && revenueRatio !== 'Infinity' : revenueRatio < 0 && revenueRatio !== 'Infinity'
? 'text-red-600 dark:text-[#FF2F1F]' ? 'text-red-700 dark:text-[#FF2F1F]'
: 'text-muted dark:text-white'} font-semibold" : 'text-muted dark:text-white'} font-semibold"
>{revenueRatio !== "Infinity" >{revenueRatio !== "Infinity"
? abbreviateNumber(revenueRatio) + "%" ? abbreviateNumber(revenueRatio) + "%"
@ -105,8 +105,8 @@
<span class="font-semibold">{rawData?.epsEst}</span>, making a <span class="font-semibold">{rawData?.epsEst}</span>, making a
<span <span
class="{epsRatio > 0 class="{epsRatio > 0
? "before:content-['+'] text-green-600 dark:text-[#00FC50]" ? "before:content-['+'] text-green-700 dark:text-[#00FC50]"
: 'text-red-600 dark:text-[#FF2F1F]'} font-semibold" : 'text-red-700 dark:text-[#FF2F1F]'} font-semibold"
>{epsRatio}%</span >{epsRatio}%</span
> >
{epsRatio > 0 ? "increase" : epsRatio < 0 ? "decrease" : ""} YoY. {epsRatio > 0 ? "increase" : epsRatio < 0 ? "decrease" : ""} YoY.

8
src/lib/components/Options/ContractLookup.svelte
View File

@ -975,11 +975,11 @@
</td> </td>
<td class="text-sm sm:text-[1rem] text-end"> <td class="text-sm sm:text-[1rem] text-end">
{#if item?.changeOI >= 0 && item?.changeOI !== null} {#if item?.changeOI >= 0 && item?.changeOI !== null}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>+{item?.changeOI?.toLocaleString("en-US")}</span >+{item?.changeOI?.toLocaleString("en-US")}</span
> >
{:else if item?.changeOI < 0 && item?.changeOI !== null} {:else if item?.changeOI < 0 && item?.changeOI !== null}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>{item?.changeOI?.toLocaleString("en-US")}</span >{item?.changeOI?.toLocaleString("en-US")}</span
> >
{:else} {:else}
@ -989,11 +989,11 @@
<td class="text-sm sm:text-[1rem] text-end"> <td class="text-sm sm:text-[1rem] text-end">
{#if item?.changesPercentageOI > 0 && item?.changesPercentageOI !== undefined} {#if item?.changesPercentageOI > 0 && item?.changesPercentageOI !== undefined}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>+{item?.changesPercentageOI + "%"}</span >+{item?.changesPercentageOI + "%"}</span
> >
{:else if item?.changesPercentageOI < 0 && item?.changesPercentageOI !== undefined} {:else if item?.changesPercentageOI < 0 && item?.changesPercentageOI !== undefined}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>{item?.changesPercentageOI + "%"}</span >{item?.changesPercentageOI + "%"}</span
> >
{:else if item?.changesPercentageOI === 0 && item?.changesPercentageOI !== undefined} {:else if item?.changesPercentageOI === 0 && item?.changesPercentageOI !== undefined}

4
src/lib/components/Options/GreekByExpiry.svelte
View File

@ -414,11 +414,11 @@
<td class=" text-sm sm:text-[1rem] text-end whitespace-nowrap"> <td class=" text-sm sm:text-[1rem] text-end whitespace-nowrap">
{#if item?.put_call_ratio <= 1 && item?.put_call_ratio !== null} {#if item?.put_call_ratio <= 1 && item?.put_call_ratio !== null}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>{item?.put_call_ratio?.toFixed(2)}</span >{item?.put_call_ratio?.toFixed(2)}</span
> >
{:else if item?.put_call_ratio > 1 && item?.put_call_ratio !== null} {:else if item?.put_call_ratio > 1 && item?.put_call_ratio !== null}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>{item?.put_call_ratio?.toFixed(2)}</span >{item?.put_call_ratio?.toFixed(2)}</span
> >
{:else} {:else}

4
src/lib/components/Options/GreekByStrike.svelte
View File

@ -381,11 +381,11 @@
<td class=" text-sm sm:text-[1rem] text-end whitespace-nowrap"> <td class=" text-sm sm:text-[1rem] text-end whitespace-nowrap">
{#if item?.put_call_ratio <= 1 && item?.put_call_ratio !== null} {#if item?.put_call_ratio <= 1 && item?.put_call_ratio !== null}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>{item?.put_call_ratio?.toFixed(2)}</span >{item?.put_call_ratio?.toFixed(2)}</span
> >
{:else if item?.put_call_ratio > 1 && item?.put_call_ratio !== null} {:else if item?.put_call_ratio > 1 && item?.put_call_ratio !== null}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>{item?.put_call_ratio?.toFixed(2)}</span >{item?.put_call_ratio?.toFixed(2)}</span
> >
{:else} {:else}

4
src/lib/components/Options/GreekExposure.svelte
View File

@ -471,11 +471,11 @@
<td class=" text-sm sm:text-[1rem] text-end whitespace-nowrap"> <td class=" text-sm sm:text-[1rem] text-end whitespace-nowrap">
{#if item?.putCallRatio <= 1 && item?.putCallRatio !== null} {#if item?.putCallRatio <= 1 && item?.putCallRatio !== null}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>{item?.putCallRatio?.toFixed(2)}</span >{item?.putCallRatio?.toFixed(2)}</span
> >
{:else if item?.putCallRatio >= 0 && item?.putCallRatio !== null} {:else if item?.putCallRatio >= 0 && item?.putCallRatio !== null}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>{item?.putCallRatio?.toFixed(2)}</span >{item?.putCallRatio?.toFixed(2)}</span
> >
{:else} {:else}

28
src/lib/components/Options/HottestContracts.svelte
View File

@ -603,8 +603,8 @@
> >
<span <span
class={item?.option_type === "C" class={item?.option_type === "C"
? "text-green-600 dark:text-[#00FC50]" ? "text-green-700 dark:text-[#00FC50]"
: "text-red-600 dark:text-[#FF2F1F]"} : "text-red-700 dark:text-[#FF2F1F]"}
> >
{item?.option_type === "C" ? "Call" : "Put"} {item?.option_type === "C" ? "Call" : "Put"}
</span> </span>
@ -667,11 +667,11 @@
class=" text-sm sm:text-[1rem] text-end whitespace-nowrap" class=" text-sm sm:text-[1rem] text-end whitespace-nowrap"
> >
{#if item?.changeOI >= 0} {#if item?.changeOI >= 0}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>+{item?.changeOI?.toLocaleString("en-US")}</span >+{item?.changeOI?.toLocaleString("en-US")}</span
> >
{:else if item?.changeOI < 0} {:else if item?.changeOI < 0}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>{item?.changeOI?.toLocaleString("en-US")}</span >{item?.changeOI?.toLocaleString("en-US")}</span
> >
{:else} {:else}
@ -723,8 +723,8 @@
> >
<span <span
class={item?.option_type === "C" class={item?.option_type === "C"
? "text-green-600 dark:text-[#00FC50]" ? "text-green-700 dark:text-[#00FC50]"
: "text-red-600 dark:text-[#FF2F1F]"} : "text-red-700 dark:text-[#FF2F1F]"}
> >
{item?.option_type === "C" ? "Call" : "Put"} {item?.option_type === "C" ? "Call" : "Put"}
</span> </span>
@ -787,11 +787,11 @@
class=" text-sm sm:text-[1rem] text-end whitespace-nowrap" class=" text-sm sm:text-[1rem] text-end whitespace-nowrap"
> >
{#if item?.changeOI >= 0} {#if item?.changeOI >= 0}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>+{item?.changeOI?.toLocaleString("en-US")}</span >+{item?.changeOI?.toLocaleString("en-US")}</span
> >
{:else if item?.changeOI < 0} {:else if item?.changeOI < 0}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>{item?.changeOI?.toLocaleString("en-US")}</span >{item?.changeOI?.toLocaleString("en-US")}</span
> >
{:else} {:else}
@ -840,8 +840,8 @@
> >
Contract: <span Contract: <span
class={optionType === "Calls" class={optionType === "Calls"
? "text-green-600 dark:text-[#00FC50]" ? "text-green-700 dark:text-[#00FC50]"
: "text-red-600 dark:text-[#FF2F1F]"} : "text-red-700 dark:text-[#FF2F1F]"}
>{ticker} >{ticker}
{strikePrice} {strikePrice}
{optionType} {optionType}
@ -962,11 +962,11 @@
</td> </td>
<td class="text-sm sm:text-[1rem] text-end"> <td class="text-sm sm:text-[1rem] text-end">
{#if item?.changeOI >= 0 && item?.changeOI !== null} {#if item?.changeOI >= 0 && item?.changeOI !== null}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>+{item?.changeOI?.toLocaleString("en-US")}</span >+{item?.changeOI?.toLocaleString("en-US")}</span
> >
{:else if item?.changeOI < 0 && item?.changeOI !== null} {:else if item?.changeOI < 0 && item?.changeOI !== null}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>{item?.changeOI?.toLocaleString("en-US")}</span >{item?.changeOI?.toLocaleString("en-US")}</span
> >
{:else} {:else}
@ -976,11 +976,11 @@
<td class="text-sm sm:text-[1rem] text-end"> <td class="text-sm sm:text-[1rem] text-end">
{#if item?.changesPercentageOI > 0 && item?.changesPercentageOI !== undefined} {#if item?.changesPercentageOI > 0 && item?.changesPercentageOI !== undefined}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>+{item?.changesPercentageOI + "%"}</span >+{item?.changesPercentageOI + "%"}</span
> >
{:else if item?.changesPercentageOI < 0 && item?.changesPercentageOI !== undefined} {:else if item?.changesPercentageOI < 0 && item?.changesPercentageOI !== undefined}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>{item?.changesPercentageOI + "%"}</span >{item?.changesPercentageOI + "%"}</span
> >
{:else if item?.changesPercentageOI === 0 && item?.changesPercentageOI !== undefined} {:else if item?.changesPercentageOI === 0 && item?.changesPercentageOI !== undefined}

4
src/lib/components/Options/OpenInterestByExpiry.svelte
View File

@ -359,12 +359,12 @@
<td class=" text-sm sm:text-[1rem] text-end whitespace-nowrap"> <td class=" text-sm sm:text-[1rem] text-end whitespace-nowrap">
{#if item?.put_call_ratio <= 1 && item?.put_call_ratio !== null} {#if item?.put_call_ratio <= 1 && item?.put_call_ratio !== null}
<span <span
class="font-semibold dark:font-normal text-green-600 dark:text-[#00FC50]" class="font-semibold dark:font-normal text-green-700 dark:text-[#00FC50]"
>{item?.put_call_ratio?.toFixed(2)}</span >{item?.put_call_ratio?.toFixed(2)}</span
> >
{:else if item?.put_call_ratio > 1 && item?.put_call_ratio !== null} {:else if item?.put_call_ratio > 1 && item?.put_call_ratio !== null}
<span <span
class="font-semibold dark:font-normal text-red-600 dark:text-[#FF2F1F]" class="font-semibold dark:font-normal text-red-700 dark:text-[#FF2F1F]"
>{item?.put_call_ratio?.toFixed(2)}</span >{item?.put_call_ratio?.toFixed(2)}</span
> >
{:else} {:else}

4
src/lib/components/Options/OpenInterestByStrike.svelte
View File

@ -327,12 +327,12 @@
<td class=" text-sm sm:text-[1rem] text-end whitespace-nowrap"> <td class=" text-sm sm:text-[1rem] text-end whitespace-nowrap">
{#if item?.put_call_ratio <= 1 && item?.put_call_ratio !== null} {#if item?.put_call_ratio <= 1 && item?.put_call_ratio !== null}
<span <span
class="font-semibold dark:font-normal text-green-600 dark:text-[#00FC50]" class="font-semibold dark:font-normal text-green-700 dark:text-[#00FC50]"
>{item?.put_call_ratio?.toFixed(2)}</span >{item?.put_call_ratio?.toFixed(2)}</span
> >
{:else if item?.put_call_ratio > 1 && item?.put_call_ratio !== null} {:else if item?.put_call_ratio > 1 && item?.put_call_ratio !== null}
<span <span
class="font-semibold dark:font-normal text-red-600 dark:text-[#FF2F1F]" class="font-semibold dark:font-normal text-red-700 dark:text-[#FF2F1F]"
>{item?.put_call_ratio?.toFixed(2)}</span >{item?.put_call_ratio?.toFixed(2)}</span
> >
{:else} {:else}

20
src/lib/components/Options/UnusualActivity.svelte
View File

@ -808,8 +808,8 @@
> >
<span <span
class="inline-block px-2 {item?.optionType === 'Calls' class="inline-block px-2 {item?.optionType === 'Calls'
? 'text-green-600 dark:text-[#00FC50]' ? 'text-green-700 dark:text-[#00FC50]'
: 'text-red-600 dark:text-[#FF2F1F]'}" : 'text-red-700 dark:text-[#FF2F1F]'}"
> >
{item?.optionType} {item?.optionType}
</span> </span>
@ -856,9 +856,9 @@
<td <td
class="text-sm sm:text-[1rem] text-end whitespace-nowrap {item?.sentiment === class="text-sm sm:text-[1rem] text-end whitespace-nowrap {item?.sentiment ===
'Bullish' 'Bullish'
? 'text-green-600 dark:text-[#00FC50]' ? 'text-green-700 dark:text-[#00FC50]'
: item?.sentiment === 'Bearish' : item?.sentiment === 'Bearish'
? 'text-red-600 dark:text-[#FF2F1F]' ? 'text-red-700 dark:text-[#FF2F1F]'
: 'text-orange-600 dark:text-[#C8A32D]'} " : 'text-orange-600 dark:text-[#C8A32D]'} "
> >
{item?.sentiment} {item?.sentiment}
@ -909,8 +909,8 @@
> >
Contract: <span Contract: <span
class={optionType === "Calls" class={optionType === "Calls"
? "text-green-600 dark:text-[#00FC50]" ? "text-green-700 dark:text-[#00FC50]"
: "text-red-600 dark:text-[#FF2F1F]"} : "text-red-700 dark:text-[#FF2F1F]"}
>{ticker} >{ticker}
{strikePrice} {strikePrice}
{optionType} {optionType}
@ -1031,11 +1031,11 @@
</td> </td>
<td class="text-sm sm:text-[1rem] text-end"> <td class="text-sm sm:text-[1rem] text-end">
{#if item?.changeOI >= 0 && item?.changeOI !== null} {#if item?.changeOI >= 0 && item?.changeOI !== null}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>+{item?.changeOI?.toLocaleString("en-US")}</span >+{item?.changeOI?.toLocaleString("en-US")}</span
> >
{:else if item?.changeOI < 0 && item?.changeOI !== null} {:else if item?.changeOI < 0 && item?.changeOI !== null}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>{item?.changeOI?.toLocaleString("en-US")}</span >{item?.changeOI?.toLocaleString("en-US")}</span
> >
{:else} {:else}
@ -1045,11 +1045,11 @@
<td class="text-sm sm:text-[1rem] text-end"> <td class="text-sm sm:text-[1rem] text-end">
{#if item?.changesPercentageOI > 0 && item?.changesPercentageOI !== undefined} {#if item?.changesPercentageOI > 0 && item?.changesPercentageOI !== undefined}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>+{item?.changesPercentageOI + "%"}</span >+{item?.changesPercentageOI + "%"}</span
> >
{:else if item?.changesPercentageOI < 0 && item?.changesPercentageOI !== undefined} {:else if item?.changesPercentageOI < 0 && item?.changesPercentageOI !== undefined}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>{item?.changesPercentageOI + "%"}</span >{item?.changesPercentageOI + "%"}</span
> >
{:else if item?.changesPercentageOI === 0 && item?.changesPercentageOI !== undefined} {:else if item?.changesPercentageOI === 0 && item?.changesPercentageOI !== undefined}

8
src/lib/components/Options/Volatility.svelte
View File

@ -487,13 +487,13 @@
<td class=" text-sm sm:text-[1rem] text-end"> <td class=" text-sm sm:text-[1rem] text-end">
{#if item?.changesPercentage >= 0 && item?.changesPercentage !== null} {#if item?.changesPercentage >= 0 && item?.changesPercentage !== null}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>+{item?.changesPercentage >= 1000 >+{item?.changesPercentage >= 1000
? abbreviateNumber(item?.changesPercentage) ? abbreviateNumber(item?.changesPercentage)
: item?.changesPercentage?.toFixed(2)}%</span : item?.changesPercentage?.toFixed(2)}%</span
> >
{:else if item?.changesPercentage < 0 && item?.changesPercentage !== null} {:else if item?.changesPercentage < 0 && item?.changesPercentage !== null}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>{item?.changesPercentage <= -1000 >{item?.changesPercentage <= -1000
? abbreviateNumber(item?.changesPercentage) ? abbreviateNumber(item?.changesPercentage)
: item?.changesPercentage?.toFixed(2)}% : item?.changesPercentage?.toFixed(2)}%
@ -513,13 +513,13 @@
<td class=" text-sm sm:text-[1rem] text-end"> <td class=" text-sm sm:text-[1rem] text-end">
{#if item?.changesPercentageOI >= 0 && item?.changesPercentageOI !== null} {#if item?.changesPercentageOI >= 0 && item?.changesPercentageOI !== null}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>+{item?.changesPercentageOI >= 1000 >+{item?.changesPercentageOI >= 1000
? abbreviateNumber(item?.changesPercentageOI) ? abbreviateNumber(item?.changesPercentageOI)
: item?.changesPercentageOI?.toFixed(2)}%</span : item?.changesPercentageOI?.toFixed(2)}%</span
> >
{:else if item?.changesPercentageOI < 0 && item?.changesPercentageOI !== null} {:else if item?.changesPercentageOI < 0 && item?.changesPercentageOI !== null}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>{item?.changesPercentageOI <= -1000 >{item?.changesPercentageOI <= -1000
? abbreviateNumber(item?.changesPercentageOI) ? abbreviateNumber(item?.changesPercentageOI)
: item?.changesPercentageOI?.toFixed(2)}% : item?.changesPercentageOI?.toFixed(2)}%

4
src/lib/components/OptionsData.svelte
View File

@ -194,7 +194,7 @@
<div class="sm:mt-10"> <div class="sm:mt-10">
The Options activity signals a The Options activity signals a
{#if signal === "Bullish"} {#if signal === "Bullish"}
<span class="text-green-600 dark:text-[#00FC50]"> <span class="text-green-700 dark:text-[#00FC50]">
<svg <svg
class="w-6 h-6 sm:w-7 sm:h-7 inline-block" class="w-6 h-6 sm:w-7 sm:h-7 inline-block"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
@ -224,7 +224,7 @@
{signal} {signal}
</span> </span>
{:else} {:else}
<span class="text-red-600 dark:text-[#FF2F1F]"> <span class="text-red-700 dark:text-[#FF2F1F]">
<svg <svg
class="w-6 h-6 sm:w-7 sm:h-7 inline-block" class="w-6 h-6 sm:w-7 sm:h-7 inline-block"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"

12
src/lib/components/PriceAnalysis.svelte
View File

@ -170,7 +170,7 @@
class="text-start text-[1rem] sm:text-lg font-semibold {priceSentiment === class="text-start text-[1rem] sm:text-lg font-semibold {priceSentiment ===
'Bullish' 'Bullish'
? 'text-[#37C97D]' ? 'text-[#37C97D]'
: 'text-red-600 dark:text-[#FF2F1F]'}" : 'text-red-700 dark:text-[#FF2F1F]'}"
>{priceSentiment}</span >{priceSentiment}</span
> >
</div> </div>
@ -213,10 +213,10 @@
r="16" r="16"
fill="none" fill="none"
class="stroke-current {r2Score >= 65 class="stroke-current {r2Score >= 65
? 'text-green-600 dark:text-[#00FC50]' ? 'text-green-700 dark:text-[#00FC50]'
: r2Score >= 50 : r2Score >= 50
? 'text-[#F8901E]' ? 'text-[#F8901E]'
: 'text-red-600 dark:text-[#FF2F1F]'}" : 'text-red-700 dark:text-[#FF2F1F]'}"
stroke-width="3" stroke-width="3"
stroke-dasharray="100" stroke-dasharray="100"
stroke-dashoffset={100 - r2Score} stroke-dashoffset={100 - r2Score}
@ -268,10 +268,10 @@
r="16" r="16"
fill="none" fill="none"
class="stroke-current {mape <= 15 class="stroke-current {mape <= 15
? 'text-green-600 dark:text-[#00FC50]' ? 'text-green-700 dark:text-[#00FC50]'
: mape <= 35 : mape <= 35
? 'text-[#F8901E]' ? 'text-[#F8901E]'
: 'text-red-600 dark:text-[#FF2F1F]'}" : 'text-red-700 dark:text-[#FF2F1F]'}"
stroke-width="3" stroke-width="3"
stroke-dasharray="100" stroke-dasharray="100"
stroke-dashoffset={100 - mape > 0 ? 100 - mape : 1} stroke-dashoffset={100 - mape > 0 ? 100 - mape : 1}
@ -300,7 +300,7 @@
<span <span
class="font-semibold {priceSentiment === 'Bullish' class="font-semibold {priceSentiment === 'Bullish'
? 'text-[#37C97D]' ? 'text-[#37C97D]'
: 'text-red-600 dark:text-[#FF2F1F]'}">{priceSentiment}</span : 'text-red-700 dark:text-[#FF2F1F]'}">{priceSentiment}</span
> >
trend, suggesting that the future price is expected to {priceSentiment === trend, suggesting that the future price is expected to {priceSentiment ===
"Bullish" "Bullish"

8
src/lib/components/SentimentAnalysis.svelte
View File

@ -77,9 +77,9 @@
r="16" r="16"
fill="none" fill="none"
class="stroke-current {oneYearResult > 5 class="stroke-current {oneYearResult > 5
? 'text-green-600 dark:text-[#00FC50]' ? 'text-green-700 dark:text-[#00FC50]'
: oneYearResult < 5 : oneYearResult < 5
? 'text-red-600 dark:text-[#FF2F1F]' ? 'text-red-700 dark:text-[#FF2F1F]'
: 'text-white'} text-opacity-[0.7]" : 'text-white'} text-opacity-[0.7]"
stroke-width="3.5" stroke-width="3.5"
stroke-dasharray="100" stroke-dasharray="100"
@ -114,9 +114,9 @@
r="16" r="16"
fill="none" fill="none"
class="stroke-current {oneMonthResult > 5 class="stroke-current {oneMonthResult > 5
? 'text-green-600 dark:text-[#00FC50]' ? 'text-green-700 dark:text-[#00FC50]'
: oneMonthResult < 5 : oneMonthResult < 5
? 'text-red-600 dark:text-[#FF2F1F]' ? 'text-red-700 dark:text-[#FF2F1F]'
: 'text-white'} " : 'text-white'} "
stroke-width="4" stroke-width="4"
stroke-dasharray="100" stroke-dasharray="100"

6
src/lib/components/Table/OptionsFlowTable.svelte
View File

@ -650,7 +650,7 @@
class="p-2 text-center text-sm sm:text-[1rem] whitespace-nowrap {displayedData[ class="p-2 text-center text-sm sm:text-[1rem] whitespace-nowrap {displayedData[
index index
]?.put_call === 'Calls' ]?.put_call === 'Calls'
? 'text-green-600 dark:text-[#00FC50]' ? 'text-green-700 dark:text-[#00FC50]'
: 'text-[#c44536]'} " : 'text-[#c44536]'} "
> >
{displayedData[index]?.put_call} {displayedData[index]?.put_call}
@ -660,9 +660,9 @@
class="p-2 text-center text-sm sm:text-[1rem] whitespace-nowrap {displayedData[ class="p-2 text-center text-sm sm:text-[1rem] whitespace-nowrap {displayedData[
index index
]?.sentiment === 'Bullish' ]?.sentiment === 'Bullish'
? 'text-green-600 dark:text-[#00FC50]' ? 'text-green-700 dark:text-[#00FC50]'
: displayedData[index]?.sentiment === 'Bearish' : displayedData[index]?.sentiment === 'Bearish'
? 'text-red-600 dark:text-[#FF2F1F]' ? 'text-red-700 dark:text-[#FF2F1F]'
: 'text-[#C6A755]'} " : 'text-[#C6A755]'} "
> >
{displayedData[index]?.sentiment} {displayedData[index]?.sentiment}

16
src/lib/components/Table/Table.svelte
View File

@ -901,11 +901,11 @@
{item[column.key]?.toLocaleString("en-US")} {item[column.key]?.toLocaleString("en-US")}
{:else if column?.type === "decimalSign"} {:else if column?.type === "decimalSign"}
{#if item[column.key] >= 0} {#if item[column.key] >= 0}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>+{item[column.key]?.toLocaleString("en-US")}</span >+{item[column.key]?.toLocaleString("en-US")}</span
> >
{:else if item[column.key] < 0} {:else if item[column.key] < 0}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>{item[column.key]?.toLocaleString("en-US")}</span >{item[column.key]?.toLocaleString("en-US")}</span
> >
{/if} {/if}
@ -937,11 +937,11 @@
: "< 0.01%"} : "< 0.01%"}
{:else if column.type === "percentSign"} {:else if column.type === "percentSign"}
{#if item[column.key] > 0} {#if item[column.key] > 0}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>+{abbreviateNumber(item[column.key]?.toFixed(2))}%</span >+{abbreviateNumber(item[column.key]?.toFixed(2))}%</span
> >
{:else if item[column.key] < 0} {:else if item[column.key] < 0}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>{abbreviateNumber(item[column.key]?.toFixed(2))}%</span >{abbreviateNumber(item[column.key]?.toFixed(2))}%</span
> >
{:else} {:else}
@ -949,11 +949,11 @@
{/if} {/if}
{:else if column?.type === "rating"} {:else if column?.type === "rating"}
{#if ["Strong Buy", "Buy"].includes(item[column.key])} {#if ["Strong Buy", "Buy"].includes(item[column.key])}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>{item[column.key]}</span >{item[column.key]}</span
> >
{:else if ["Strong Sell", "Sell"].includes(item[column.key])} {:else if ["Strong Sell", "Sell"].includes(item[column.key])}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>{item[column.key]}</span >{item[column.key]}</span
> >
{:else if item[column.key] === "Hold"} {:else if item[column.key] === "Hold"}
@ -964,10 +964,10 @@
{:else if column.type === "sentiment"} {:else if column.type === "sentiment"}
<div <div
class={item[column.key] >= 55 class={item[column.key] >= 55
? "text-green-600 dark:text-[#00FC50]" ? "text-green-700 dark:text-[#00FC50]"
: item[column.key] >= 50 : item[column.key] >= 50
? "text-[#E57C34]" ? "text-[#E57C34]"
: "text-red-600 dark:text-[#FF2F1F]"} : "text-red-700 dark:text-[#FF2F1F]"}
> >
<div class="flex flex-row items-center justify-end"> <div class="flex flex-row items-center justify-end">
<div class=""> <div class="">

4
src/lib/components/VaR.svelte
View File

@ -166,9 +166,9 @@
r="16" r="16"
fill="none" fill="none"
class="stroke-current {rating > 5 class="stroke-current {rating > 5
? 'text-green-600 dark:text-[#00FC50]' ? 'text-green-700 dark:text-[#00FC50]'
: rating < 5 : rating < 5
? 'text-red-600 dark:text-[#FF2F1F]' ? 'text-red-700 dark:text-[#FF2F1F]'
: 'text-white'} " : 'text-white'} "
stroke-width="4" stroke-width="4"
stroke-dasharray="100" stroke-dasharray="100"

4
src/lib/components/WatchListCard.svelte
View File

@ -128,11 +128,11 @@
class="border-b-[#09090B] text-end text-sm sm:text-[1rem] whitespace-nowrap" class="border-b-[#09090B] text-end text-sm sm:text-[1rem] whitespace-nowrap"
> >
{#if item?.changesPercentage >= 0} {#if item?.changesPercentage >= 0}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>+{item?.changesPercentage?.toFixed(2)}%</span >+{item?.changesPercentage?.toFixed(2)}%</span
> >
{:else} {:else}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>{item?.changesPercentage?.toFixed(2)}% >{item?.changesPercentage?.toFixed(2)}%
</span> </span>
{/if} {/if}

4
src/routes/analysts/analyst-flow/+page.svelte
View File

@ -275,9 +275,9 @@
<td <td
class="{item?.upside >= 0 && item?.upside !== null class="{item?.upside >= 0 && item?.upside !== null
? "before:content-['+'] text-green-600 dark:text-[#00FC50]" ? "before:content-['+'] text-green-700 dark:text-[#00FC50]"
: item?.upside < 0 && item?.upside !== null : item?.upside < 0 && item?.upside !== null
? 'text-red-600 dark:text-[#FF2F1F]' ? 'text-red-700 dark:text-[#FF2F1F]'
: ''} text-end text-sm sm:text-[1rem] whitespace-nowrap" : ''} text-end text-sm sm:text-[1rem] whitespace-nowrap"
> >
{item?.upside !== null ? item?.upside + "%" : "n/a"} {item?.upside !== null ? item?.upside + "%" : "n/a"}

4
src/routes/corporate-lobbying-tracker/+page.svelte
View File

@ -230,13 +230,13 @@
class="text-white text-end text-sm sm:text-[1rem] border-b-[#09090B]" class="text-white text-end text-sm sm:text-[1rem] border-b-[#09090B]"
> >
{#if item?.changesPercentage >= 0} {#if item?.changesPercentage >= 0}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>+{item?.changesPercentage >= 1000 >+{item?.changesPercentage >= 1000
? item?.changesPercentage ? item?.changesPercentage
: item?.changesPercentage?.toFixed(2)}%</span : item?.changesPercentage?.toFixed(2)}%</span
> >
{:else} {:else}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>{item?.changesPercentage <= -1000 >{item?.changesPercentage <= -1000
? item?.changesPercentage ? item?.changesPercentage
: item?.changesPercentage?.toFixed(2)}% : item?.changesPercentage?.toFixed(2)}%

12
src/routes/etf/[tickerID]/+layout.svelte
View File

@ -770,15 +770,15 @@
> >
<span <span
class={displayLegend?.change >= 0 class={displayLegend?.change >= 0
? "before:content-['+'] text-green-600 dark:text-[#00FC50]" ? "before:content-['+'] text-green-700 dark:text-[#00FC50]"
: "text-red-600 dark:text-[#FF2F1F]"} : "text-red-700 dark:text-[#FF2F1F]"}
> >
{displayLegend?.change} {displayLegend?.change}
</span> </span>
<span <span
class={displayLegend?.changesPercentage >= 0 class={displayLegend?.changesPercentage >= 0
? "text-green-600 dark:text-[#00FC50]" ? "text-green-700 dark:text-[#00FC50]"
: "text-red-600 dark:text-[#FF2F1F]"} : "text-red-700 dark:text-[#FF2F1F]"}
> >
({displayLegend?.changesPercentage}%) ({displayLegend?.changesPercentage}%)
</span> </span>
@ -814,8 +814,8 @@
<div <div
class="mt-1.5 block text-sm sm:mt-0 sm:inline sm:text-lg {prePostData?.changesPercentage >= class="mt-1.5 block text-sm sm:mt-0 sm:inline sm:text-lg {prePostData?.changesPercentage >=
0 0
? "before:content-['+'] text-green-600 dark:text-[#00FC50]" ? "before:content-['+'] text-green-700 dark:text-[#00FC50]"
: 'text-red-600 dark:text-[#FF2F1F]'}" : 'text-red-700 dark:text-[#FF2F1F]'}"
> >
{prePostData?.changesPercentage?.toFixed( {prePostData?.changesPercentage?.toFixed(
2, 2,

4
src/routes/etf/[tickerID]/+page.svelte
View File

@ -705,8 +705,8 @@
> >
<span <span
class={displayLegend?.graphChange >= 0 class={displayLegend?.graphChange >= 0
? "before:content-['+'] text-green-600 dark:text-[#00FC50]" ? "before:content-['+'] text-green-700 dark:text-[#00FC50]"
: "text-red-600 dark:text-[#FF2F1F]"} : "text-red-700 dark:text-[#FF2F1F]"}
> >
{displayLegend?.graphChange ?? {displayLegend?.graphChange ??
data?.getStockQuote?.changesPercentage?.toFixed(2)}% data?.getStockQuote?.changesPercentage?.toFixed(2)}%

4
src/routes/etf/[tickerID]/history/+page.svelte
View File

@ -466,10 +466,10 @@
<td <td
class="text-sm sm:text-[1rem] {item?.changesPercentage >= class="text-sm sm:text-[1rem] {item?.changesPercentage >=
0 && item?.changesPercentage !== null 0 && item?.changesPercentage !== null
? "text-green-600 dark:text-[#00FC50] before:content-['+'] " ? "text-green-700 dark:text-[#00FC50] before:content-['+'] "
: item?.changesPercentage < 0 && : item?.changesPercentage < 0 &&
item?.changesPercentage !== null item?.changesPercentage !== null
? 'text-red-600 dark:text-[#FF2F1F]' ? 'text-red-700 dark:text-[#FF2F1F]'
: ''} text-end" : ''} text-end"
> >
{item?.changesPercentage !== null {item?.changesPercentage !== null

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

@ -237,7 +237,7 @@
r="16" r="16"
fill="none" fill="none"
class="stroke-current {buySellRatio >= 0.5 class="stroke-current {buySellRatio >= 0.5
? 'text-green-600 dark:text-[#00FC50]' ? 'text-green-700 dark:text-[#00FC50]'
: 'text-[#EE5365]'} " : 'text-[#EE5365]'} "
stroke-width="3" stroke-width="3"
stroke-dasharray="100" stroke-dasharray="100"
@ -394,11 +394,11 @@
class="text-end text-sm sm:text-[1rem] whitespace-nowrap" class="text-end text-sm sm:text-[1rem] whitespace-nowrap"
> >
{#if item?.type === "Bought"} {#if item?.type === "Bought"}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>Bought</span >Bought</span
> >
{:else if item?.type === "Sold"} {:else if item?.type === "Sold"}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>Sold</span >Sold</span
> >
{:else if item?.type === "Exchange"} {:else if item?.type === "Exchange"}

12
src/routes/etf/[tickerID]/options/+page.svelte
View File

@ -402,13 +402,13 @@
<td class=" text-sm sm:text-[1rem] text-end"> <td class=" text-sm sm:text-[1rem] text-end">
{#if item?.changesPercentage >= 0 && item?.changesPercentage !== null} {#if item?.changesPercentage >= 0 && item?.changesPercentage !== null}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>+{item?.changesPercentage >= 1000 >+{item?.changesPercentage >= 1000
? abbreviateNumber(item?.changesPercentage) ? abbreviateNumber(item?.changesPercentage)
: item?.changesPercentage?.toFixed(2)}%</span : item?.changesPercentage?.toFixed(2)}%</span
> >
{:else if item?.changesPercentage < 0 && item?.changesPercentage !== null} {:else if item?.changesPercentage < 0 && item?.changesPercentage !== null}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>{item?.changesPercentage <= -1000 >{item?.changesPercentage <= -1000
? abbreviateNumber(item?.changesPercentage) ? abbreviateNumber(item?.changesPercentage)
: item?.changesPercentage?.toFixed(2)}% : item?.changesPercentage?.toFixed(2)}%
@ -526,11 +526,11 @@
<td class=" text-sm sm:text-[1rem] text-end"> <td class=" text-sm sm:text-[1rem] text-end">
{#if item?.changeOI >= 0} {#if item?.changeOI >= 0}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>+{item?.changeOI?.toLocaleString("en-US")}</span >+{item?.changeOI?.toLocaleString("en-US")}</span
> >
{:else if item?.changeOI < 0} {:else if item?.changeOI < 0}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>{item?.changeOI?.toLocaleString("en-US")} >{item?.changeOI?.toLocaleString("en-US")}
</span> </span>
{:else} {:else}
@ -540,13 +540,13 @@
<td class=" text-sm sm:text-[1rem] text-end"> <td class=" text-sm sm:text-[1rem] text-end">
{#if item?.changesPercentageOI >= 0} {#if item?.changesPercentageOI >= 0}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>+{item?.changesPercentageOI >= 1000 >+{item?.changesPercentageOI >= 1000
? abbreviateNumber(item?.changesPercentageOI) ? abbreviateNumber(item?.changesPercentageOI)
: item?.changesPercentageOI?.toFixed(2)}%</span : item?.changesPercentageOI?.toFixed(2)}%</span
> >
{:else if item?.changesPercentageOI < 0} {:else if item?.changesPercentageOI < 0}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>{item?.changesPercentageOI <= -1000 >{item?.changesPercentageOI <= -1000
? abbreviateNumber(item?.changesPercentageOI) ? abbreviateNumber(item?.changesPercentageOI)
: item?.changesPercentageOI?.toFixed(2)}% : item?.changesPercentageOI?.toFixed(2)}%

4
src/routes/etf/etf-providers/[slug]/+page.svelte
View File

@ -224,13 +224,13 @@
class=" text-sm sm:text-[1rem] whitespace-nowrap text-end" class=" text-sm sm:text-[1rem] whitespace-nowrap text-end"
> >
{#if item?.changesPercentage >= 0} {#if item?.changesPercentage >= 0}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>+{item?.changesPercentage >= 1000 >+{item?.changesPercentage >= 1000
? abbreviateNumber(item?.changesPercentage) ? abbreviateNumber(item?.changesPercentage)
: item?.changesPercentage?.toFixed(2)}%</span : item?.changesPercentage?.toFixed(2)}%</span
> >
{:else if item?.changesPercentage < 0} {:else if item?.changesPercentage < 0}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>{item?.changesPercentage <= -1000 >{item?.changesPercentage <= -1000
? abbreviateNumber(item?.changesPercentage) ? abbreviateNumber(item?.changesPercentage)
: item?.changesPercentage?.toFixed(2)}% : item?.changesPercentage?.toFixed(2)}%

8
src/routes/hedge-funds/+page.svelte
View File

@ -205,7 +205,7 @@
class="flex flex-row mt-1 text-[1rem] font-semibold" class="flex flex-row mt-1 text-[1rem] font-semibold"
> >
{#if item?.performancePercentage3Year >= 0} {#if item?.performancePercentage3Year >= 0}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>+{abbreviateNumber( >+{abbreviateNumber(
item?.performancePercentage3Year?.toFixed( item?.performancePercentage3Year?.toFixed(
2, 2,
@ -213,7 +213,7 @@
)}%</span )}%</span
> >
{:else} {:else}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>{abbreviateNumber( >{abbreviateNumber(
item?.performancePercentage3Year?.toFixed( item?.performancePercentage3Year?.toFixed(
2, 2,
@ -230,13 +230,13 @@
class="flex flex-row mt-1 text-[1rem] font-semibold" class="flex flex-row mt-1 text-[1rem] font-semibold"
> >
{#if item?.winRate >= 0} {#if item?.winRate >= 0}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>+{abbreviateNumber( >+{abbreviateNumber(
item?.winRate?.toFixed(2), item?.winRate?.toFixed(2),
)}%</span )}%</span
> >
{:else} {:else}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>{abbreviateNumber( >{abbreviateNumber(
item?.winRate?.toFixed(2), item?.winRate?.toFixed(2),
)}% )}%

6
src/routes/index/[tickerID]/+layout.svelte
View File

@ -756,7 +756,7 @@
> >
<span <span
class={displayLegend?.change >= 0 class={displayLegend?.change >= 0
? "before:content-['+'] text-green-600 dark:text-[#00FC50]" ? "before:content-['+'] text-green-700 dark:text-[#00FC50]"
: "text-[#FF2F1F]"} : "text-[#FF2F1F]"}
> >
{displayLegend?.change} {displayLegend?.change}
@ -800,8 +800,8 @@
<div <div
class="mt-1.5 block text-sm xs: sm:mt-0 sm:inline sm:text-lg {prePostData?.changesPercentage >= class="mt-1.5 block text-sm xs: sm:mt-0 sm:inline sm:text-lg {prePostData?.changesPercentage >=
0 0
? "before:content-['+'] text-green-600 dark:text-[#00FC50]" ? "before:content-['+'] text-green-700 dark:text-[#00FC50]"
: 'text-red-600 dark:text-[#FF2F1F]'}" : 'text-red-700 dark:text-[#FF2F1F]'}"
> >
{prePostData?.changesPercentage?.toFixed( {prePostData?.changesPercentage?.toFixed(
2, 2,

12
src/routes/index/[tickerID]/options/+page.svelte
View File

@ -432,7 +432,7 @@
<td class="text-white text-sm sm:text-[1rem] text-end"> <td class="text-white text-sm sm:text-[1rem] text-end">
{#if item?.changesPercentage >= 0 && item?.changesPercentage !== null} {#if item?.changesPercentage >= 0 && item?.changesPercentage !== null}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>+{item?.changesPercentage >= 1000 >+{item?.changesPercentage >= 1000
? abbreviateNumberWithColor( ? abbreviateNumberWithColor(
item?.changesPercentage, item?.changesPercentage,
@ -440,7 +440,7 @@
: item?.changesPercentage?.toFixed(2)}%</span : item?.changesPercentage?.toFixed(2)}%</span
> >
{:else if item?.changesPercentage < 0 && item?.changesPercentage !== null} {:else if item?.changesPercentage < 0 && item?.changesPercentage !== null}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>{item?.changesPercentage <= -1000 >{item?.changesPercentage <= -1000
? abbreviateNumberWithColor( ? abbreviateNumberWithColor(
item?.changesPercentage, item?.changesPercentage,
@ -560,11 +560,11 @@
<td class="text-white text-sm sm:text-[1rem] text-end"> <td class="text-white text-sm sm:text-[1rem] text-end">
{#if item?.changeOI >= 0} {#if item?.changeOI >= 0}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>+{item?.changeOI?.toLocaleString("en-US")}</span >+{item?.changeOI?.toLocaleString("en-US")}</span
> >
{:else if item?.changeOI < 0} {:else if item?.changeOI < 0}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>{item?.changeOI?.toLocaleString("en-US")} >{item?.changeOI?.toLocaleString("en-US")}
</span> </span>
{:else} {:else}
@ -574,7 +574,7 @@
<td class="text-white text-sm sm:text-[1rem] text-end"> <td class="text-white text-sm sm:text-[1rem] text-end">
{#if item?.changesPercentageOI >= 0} {#if item?.changesPercentageOI >= 0}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>+{item?.changesPercentageOI >= 1000 >+{item?.changesPercentageOI >= 1000
? abbreviateNumberWithColor( ? abbreviateNumberWithColor(
item?.changesPercentageOI, item?.changesPercentageOI,
@ -582,7 +582,7 @@
: item?.changesPercentageOI?.toFixed(2)}%</span : item?.changesPercentageOI?.toFixed(2)}%</span
> >
{:else if item?.changesPercentageOI < 0} {:else if item?.changesPercentageOI < 0}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>{item?.changesPercentageOI <= -1000 >{item?.changesPercentageOI <= -1000
? abbreviateNumberWithColor( ? abbreviateNumberWithColor(
item?.changesPercentageOI, item?.changesPercentageOI,

12
src/routes/industry/all/+page.svelte
View File

@ -143,24 +143,24 @@
<td <td
class=" {item?.profitMargin >= 0 class=" {item?.profitMargin >= 0
? "before:content-['+'] text-green-600 dark:text-[#00FC50]" ? "before:content-['+'] text-green-700 dark:text-[#00FC50]"
: 'text-red-600 dark:text-[#FF2F1F]'} text-sm sm:text-[1rem] whitespace-nowrap text-end" : 'text-red-700 dark:text-[#FF2F1F]'} text-sm sm:text-[1rem] whitespace-nowrap text-end"
> >
{abbreviateNumber(item?.profitMargin)}% {abbreviateNumber(item?.profitMargin)}%
</td> </td>
<td <td
class="{item?.avgChange1D >= 0 class="{item?.avgChange1D >= 0
? "before:content-['+'] text-green-600 dark:text-[#00FC50]" ? "before:content-['+'] text-green-700 dark:text-[#00FC50]"
: 'text-red-600 dark:text-[#FF2F1F]'} text-end text-sm sm:text-[1rem] whitespace-nowrap" : 'text-red-700 dark:text-[#FF2F1F]'} text-end text-sm sm:text-[1rem] whitespace-nowrap"
> >
{item?.avgChange1D?.toFixed(2) ?? "n/a"}% {item?.avgChange1D?.toFixed(2) ?? "n/a"}%
</td> </td>
<td <td
class="{item?.avgChange1Y >= 0 class="{item?.avgChange1Y >= 0
? "before:content-['+'] text-green-600 dark:text-[#00FC50]" ? "before:content-['+'] text-green-700 dark:text-[#00FC50]"
: 'text-red-600 dark:text-[#FF2F1F]'} text-end text-sm sm:text-[1rem] whitespace-nowrap" : 'text-red-700 dark:text-[#FF2F1F]'} text-end text-sm sm:text-[1rem] whitespace-nowrap"
> >
{item?.avgChange1Y?.toFixed(2) ?? "n/a"}% {item?.avgChange1Y?.toFixed(2) ?? "n/a"}%
</td> </td>

4
src/routes/ipos/[slug]/+page.svelte
View File

@ -132,12 +132,12 @@
> >
{#if item?.return >= 0 && item?.return !== null} {#if item?.return >= 0 && item?.return !== null}
<span <span
class="inline-block text-green-600 dark:text-[#00FC50] text-sm sm:text-[1rem] whitespace-nowrap" class="inline-block text-green-700 dark:text-[#00FC50] text-sm sm:text-[1rem] whitespace-nowrap"
>+{abbreviateNumber(item?.return)}%</span >+{abbreviateNumber(item?.return)}%</span
> >
{:else if item?.return < 0 && item?.return !== null} {:else if item?.return < 0 && item?.return !== null}
<span <span
class="inline-block text-red-600 dark:text-[#FF2F1F] text-sm sm:text-[1rem] whitespace-nowrap" class="inline-block text-red-700 dark:text-[#FF2F1F] text-sm sm:text-[1rem] whitespace-nowrap"
>{abbreviateNumber(item?.return)}% >{abbreviateNumber(item?.return)}%
</span> </span>
{:else} {:else}

4
src/routes/list/bitcoin-etfs/+page.svelte
View File

@ -193,11 +193,11 @@
<td class=" text-end text-sm sm:text-[1rem]"> <td class=" text-end text-sm sm:text-[1rem]">
{#if item?.changesPercentage >= 0} {#if item?.changesPercentage >= 0}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>+{item.changesPercentage?.toFixed(2)}%</span >+{item.changesPercentage?.toFixed(2)}%</span
> >
{:else} {:else}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>{item.changesPercentage?.toFixed(2)}% >{item.changesPercentage?.toFixed(2)}%
</span> </span>
{/if} {/if}

6
src/routes/options-flow/+page.svelte
View File

@ -1448,9 +1448,9 @@
<span <span
class="text-start text-[1rem] font-semibold {flowSentiment === class="text-start text-[1rem] font-semibold {flowSentiment ===
'Bullish' 'Bullish'
? 'text-green-600 dark:text-[#00FC50]' ? 'text-green-700 dark:text-[#00FC50]'
: flowSentiment === 'Bearish' : flowSentiment === 'Bearish'
? 'text-red-600 dark:text-[#FF2F1F]' ? 'text-red-700 dark:text-[#FF2F1F]'
: flowSentiment === 'Neutral' : flowSentiment === 'Neutral'
? 'text-[#fff]' ? 'text-[#fff]'
: ''}">{flowSentiment}</span : ''}">{flowSentiment}</span
@ -1554,7 +1554,7 @@
cy="18" cy="18"
r="16" r="16"
fill="none" fill="none"
class="stroke-current text-green-600 dark:text-[#00FC50]" class="stroke-current text-green-700 dark:text-[#00FC50]"
stroke-width="3" stroke-width="3"
stroke-dasharray="100" stroke-dasharray="100"
stroke-dashoffset={100 - callPercentage?.toFixed(2)} stroke-dashoffset={100 - callPercentage?.toFixed(2)}

6
src/routes/potus-tracker/+page.svelte
View File

@ -361,7 +361,7 @@
<div class="mt-5 mb-5"> <div class="mt-5 mb-5">
<Infobox <Infobox
text={`Since the inauguration of Donald J. Trump on January 20, 2025, the text={`Since the inauguration of Donald J. Trump on January 20, 2025, the
${selectedSector} has ${data?.getData?.marketPerformance[sectorDict[selectedSector]]["Inauguration"] >= 0 ? "grown" : "declined"} by <span class="${data?.getData?.marketPerformance[sectorDict[selectedSector]]["Inauguration"] >= 0 ? "text-green-600 dark:text-[#00FC50] before:content-['+']" : "text-red-600 dark:text-[#FF2F1F]"}"> ${selectedSector} has ${data?.getData?.marketPerformance[sectorDict[selectedSector]]["Inauguration"] >= 0 ? "grown" : "declined"} by <span class="${data?.getData?.marketPerformance[sectorDict[selectedSector]]["Inauguration"] >= 0 ? "text-green-700 dark:text-[#00FC50] before:content-['+']" : "text-red-700 dark:text-[#FF2F1F]"}">
${data?.getData?.marketPerformance[sectorDict[selectedSector]]["Inauguration"] ?? "n/a"}%</span>.`} ${data?.getData?.marketPerformance[sectorDict[selectedSector]]["Inauguration"] ?? "n/a"}%</span>.`}
/> />
</div> </div>
@ -481,8 +481,8 @@
<span class="inline-block">S&P500</span> <span class="inline-block">S&P500</span>
<span <span
class="{items?.at(0)?.changesPercentage > 0 class="{items?.at(0)?.changesPercentage > 0
? "text-green-600 dark:text-[#00FC50] before:content-['+']" ? "text-green-700 dark:text-[#00FC50] before:content-['+']"
: 'text-red-600 dark:text-[#FF2F1F]'} " : 'text-red-700 dark:text-[#FF2F1F]'} "
>{items.length > 0 >{items.length > 0
? items?.at(0)?.changesPercentage ? items?.at(0)?.changesPercentage
: "n/a"}%</span : "n/a"}%</span

12
src/routes/stocks/[tickerID]/+layout.svelte
View File

@ -796,15 +796,15 @@
> >
<span <span
class={displayLegend?.change >= 0 class={displayLegend?.change >= 0
? "before:content-['+'] text-green-600 dark:text-[#00FC50]" ? "before:content-['+'] text-green-700 dark:text-[#00FC50]"
: "text-red-600 dark:text-[#FF2F1F]"} : "text-red-700 dark:text-[#FF2F1F]"}
> >
{displayLegend?.change} {displayLegend?.change}
</span> </span>
<span <span
class={displayLegend?.changesPercentage >= 0 class={displayLegend?.changesPercentage >= 0
? "text-green-600 dark:text-[#00FC50]" ? "text-green-700 dark:text-[#00FC50]"
: "text-red-600 dark:text-[#FF2F1F]"} : "text-red-700 dark:text-[#FF2F1F]"}
> >
({displayLegend?.changesPercentage}%) ({displayLegend?.changesPercentage}%)
</span> </span>
@ -840,8 +840,8 @@
<div <div
class="mt-1.5 block text-sm sm:mt-0 sm:inline sm:text-lg {prePostData?.changesPercentage >= class="mt-1.5 block text-sm sm:mt-0 sm:inline sm:text-lg {prePostData?.changesPercentage >=
0 0
? "before:content-['+'] text-green-600 dark:text-[#00FC50]" ? "before:content-['+'] text-green-700 dark:text-[#00FC50]"
: 'text-red-600 dark:text-[#FF2F1F]'}" : 'text-red-700 dark:text-[#FF2F1F]'}"
> >
{prePostData?.changesPercentage?.toFixed( {prePostData?.changesPercentage?.toFixed(
2, 2,

4
src/routes/stocks/[tickerID]/history/+page.svelte
View File

@ -467,10 +467,10 @@
<td <td
class="text-sm sm:text-[1rem] {item?.changesPercentage >= class="text-sm sm:text-[1rem] {item?.changesPercentage >=
0 && item?.changesPercentage !== null 0 && item?.changesPercentage !== null
? "text-green-600 dark:text-[#00FC50] before:content-['+'] " ? "text-green-700 dark:text-[#00FC50] before:content-['+'] "
: item?.changesPercentage < 0 && : item?.changesPercentage < 0 &&
item?.changesPercentage !== null item?.changesPercentage !== null
? 'text-red-600 dark:text-[#FF2F1F]' ? 'text-red-700 dark:text-[#FF2F1F]'
: ''} text-end" : ''} text-end"
> >
{item?.changesPercentage !== null {item?.changesPercentage !== null

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

@ -139,9 +139,9 @@
{#each growthValues[index] as growthValue} {#each growthValues[index] as growthValue}
<td <td
class="text-sm sm:text-[1rem] text-end {growthValue > 0 class="text-sm sm:text-[1rem] text-end {growthValue > 0
? 'text-green-600 dark:text-[#00FC50]' ? 'text-green-700 dark:text-[#00FC50]'
: growthValue < 0 : growthValue < 0
? 'text-red-600 dark:text-[#FF2F1F]' ? 'text-red-700 dark:text-[#FF2F1F]'
: ''} border-b border-gray-300 dark:border-gray-800" : ''} border-b border-gray-300 dark:border-gray-800"
> >
{growthValue > 0 ? "+" : ""}{growthValue !== null && {growthValue > 0 ? "+" : ""}{growthValue !== null &&
@ -214,9 +214,9 @@
<td <td
class="text-sm sm:text-[1rem] text-center {growthValue > class="text-sm sm:text-[1rem] text-center {growthValue >
0 0
? 'text-green-600 dark:text-[#00FC50]' ? 'text-green-700 dark:text-[#00FC50]'
: growthValue < 0 : growthValue < 0
? 'text-red-600 dark:text-[#FF2F1F]' ? 'text-red-700 dark:text-[#FF2F1F]'
: ''} border-b border-gray-300 dark:border-gray-800" : ''} border-b border-gray-300 dark:border-gray-800"
> >
{growthValue > 0 ? "+" : ""}{growthValue !== null && {growthValue > 0 ? "+" : ""}{growthValue !== null &&
@ -291,9 +291,9 @@
<td <td
class="text-sm sm:text-[1rem] text-center {growthValue > class="text-sm sm:text-[1rem] text-center {growthValue >
0 0
? 'text-green-600 dark:text-[#00FC50]' ? 'text-green-700 dark:text-[#00FC50]'
: growthValue < 0 : growthValue < 0
? 'text-red-600 dark:text-[#FF2F1F]' ? 'text-red-700 dark:text-[#FF2F1F]'
: ''} border-b border-gray-300 dark:border-gray-800" : ''} border-b border-gray-300 dark:border-gray-800"
> >
{growthValue > 0 ? "+" : ""}{growthValue !== null && {growthValue > 0 ? "+" : ""}{growthValue !== null &&

4
src/routes/stocks/[tickerID]/metrics/[slug]/+page.svelte
View File

@ -267,11 +267,11 @@
class=" text-sm sm:text-[1rem] whitespace-nowrap text-end" class=" text-sm sm:text-[1rem] whitespace-nowrap text-end"
> >
{#if item?.valueGrowth > 0} {#if item?.valueGrowth > 0}
<span class="text-green-600 dark:text-[#00FC50]"> <span class="text-green-700 dark:text-[#00FC50]">
+{item?.valueGrowth?.toFixed(2)}% +{item?.valueGrowth?.toFixed(2)}%
</span> </span>
{:else if item?.valueGrowth < 0} {:else if item?.valueGrowth < 0}
<span class="text-red-600 dark:text-[#FF2F1F]"> <span class="text-red-700 dark:text-[#FF2F1F]">
{item?.valueGrowth?.toFixed(2)}% {item?.valueGrowth?.toFixed(2)}%
</span> </span>
{:else} {:else}

12
src/routes/stocks/[tickerID]/options/+page.svelte
View File

@ -402,13 +402,13 @@
<td class=" text-sm sm:text-[1rem] text-end"> <td class=" text-sm sm:text-[1rem] text-end">
{#if item?.changesPercentage >= 0 && item?.changesPercentage !== null} {#if item?.changesPercentage >= 0 && item?.changesPercentage !== null}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>+{item?.changesPercentage >= 1000 >+{item?.changesPercentage >= 1000
? abbreviateNumber(item?.changesPercentage) ? abbreviateNumber(item?.changesPercentage)
: item?.changesPercentage?.toFixed(2)}%</span : item?.changesPercentage?.toFixed(2)}%</span
> >
{:else if item?.changesPercentage < 0 && item?.changesPercentage !== null} {:else if item?.changesPercentage < 0 && item?.changesPercentage !== null}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>{item?.changesPercentage <= -1000 >{item?.changesPercentage <= -1000
? abbreviateNumber(item?.changesPercentage) ? abbreviateNumber(item?.changesPercentage)
: item?.changesPercentage?.toFixed(2)}% : item?.changesPercentage?.toFixed(2)}%
@ -526,11 +526,11 @@
<td class=" text-sm sm:text-[1rem] text-end"> <td class=" text-sm sm:text-[1rem] text-end">
{#if item?.changeOI >= 0} {#if item?.changeOI >= 0}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>+{item?.changeOI?.toLocaleString("en-US")}</span >+{item?.changeOI?.toLocaleString("en-US")}</span
> >
{:else if item?.changeOI < 0} {:else if item?.changeOI < 0}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>{item?.changeOI?.toLocaleString("en-US")} >{item?.changeOI?.toLocaleString("en-US")}
</span> </span>
{:else} {:else}
@ -540,13 +540,13 @@
<td class=" text-sm sm:text-[1rem] text-end"> <td class=" text-sm sm:text-[1rem] text-end">
{#if item?.changesPercentageOI >= 0} {#if item?.changesPercentageOI >= 0}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-700 dark:text-[#00FC50]"
>+{item?.changesPercentageOI >= 1000 >+{item?.changesPercentageOI >= 1000
? abbreviateNumber(item?.changesPercentageOI) ? abbreviateNumber(item?.changesPercentageOI)
: item?.changesPercentageOI?.toFixed(2)}%</span : item?.changesPercentageOI?.toFixed(2)}%</span
> >
{:else if item?.changesPercentageOI < 0} {:else if item?.changesPercentageOI < 0}
<span class="text-red-600 dark:text-[#FF2F1F]" <span class="text-red-700 dark:text-[#FF2F1F]"
>{item?.changesPercentageOI <= -1000 >{item?.changesPercentageOI <= -1000
? abbreviateNumber(item?.changesPercentageOI) ? abbreviateNumber(item?.changesPercentageOI)
: item?.changesPercentageOI?.toFixed(2)}% : item?.changesPercentageOI?.toFixed(2)}%

34
src/routes/stocks/[tickerID]/statistics/price-reaction/+page.svelte
View File

@ -127,7 +127,7 @@
>{`${earningsData?.positiveRevenueSurprises}/${earningsData?.totalReports}`} >{`${earningsData?.positiveRevenueSurprises}/${earningsData?.totalReports}`}
quarters</span quarters</span
> >
<span class="text-xs text-red-600 dark:text-red-400"> <span class="text-xs text-red-700 dark:text-red-400">
{earningsData?.positiveRevenueSurprises > {earningsData?.positiveRevenueSurprises >
earningsData?.totalReports / 2 earningsData?.totalReports / 2
? "Above Average" ? "Above Average"
@ -401,8 +401,8 @@
><span ><span
class="w-full text-sm sm:text-[1rem] items-baseline justify-end whitespace-nowrap {item?.backward_2_days_change_percent >= class="w-full text-sm sm:text-[1rem] items-baseline justify-end whitespace-nowrap {item?.backward_2_days_change_percent >=
0 0
? "text-green-600 dark:text-positive before:content-['+']" ? "text-green-700 dark:text-positive before:content-['+']"
: 'text-red-600 dark:text-negative'}" : 'text-red-700 dark:text-negative'}"
>{item?.backward_2_days_change_percent}%<span >{item?.backward_2_days_change_percent}%<span
class="w-0 text-center" class="w-0 text-center"
></span></span ></span></span
@ -412,8 +412,8 @@
><span ><span
class="w-full text-sm sm:text-[1rem] items-baseline justify-end whitespace-nowrap {item?.backward_1_days_change_percent >= class="w-full text-sm sm:text-[1rem] items-baseline justify-end whitespace-nowrap {item?.backward_1_days_change_percent >=
0 0
? "text-green-600 dark:text-positive before:content-['+']" ? "text-green-700 dark:text-positive before:content-['+']"
: 'text-red-600 dark:text-negative'}" : 'text-red-700 dark:text-negative'}"
>{item?.backward_1_days_change_percent?.toFixed( >{item?.backward_1_days_change_percent?.toFixed(
2, 2,
)}%<span class="w-0 text-center"></span></span )}%<span class="w-0 text-center"></span></span
@ -423,8 +423,8 @@
><span ><span
class="w-full text-sm sm:text-[1rem] items-baseline justify-end whitespace-nowrap {item?.backward_1_days_change_percent >= class="w-full text-sm sm:text-[1rem] items-baseline justify-end whitespace-nowrap {item?.backward_1_days_change_percent >=
0 0
? "text-green-600 dark:text-positive before:content-['+']" ? "text-green-700 dark:text-positive before:content-['+']"
: 'text-red-600 dark:text-negative'}" : 'text-red-700 dark:text-negative'}"
>{item?.backward_1_days_change_percent?.toFixed( >{item?.backward_1_days_change_percent?.toFixed(
2, 2,
)}%<span class="w-0 text-center"></span></span )}%<span class="w-0 text-center"></span></span
@ -478,9 +478,9 @@
><span ><span
class="w-full text-sm sm:text-[1rem] items-baseline justify-end whitespace-nowrap {item?.forward_2_days_change_percent >= class="w-full text-sm sm:text-[1rem] items-baseline justify-end whitespace-nowrap {item?.forward_2_days_change_percent >=
0 0
? "text-green-600 dark:text-positive before:content-['+']" ? "text-green-700 dark:text-positive before:content-['+']"
: item?.forward_2_days_change_percent < 0 : item?.forward_2_days_change_percent < 0
? 'text-red-600 dark:text-negative' ? 'text-red-700 dark:text-negative'
: ''}" : ''}"
>{item?.forward_2_days_change_percent !== undefined >{item?.forward_2_days_change_percent !== undefined
? item?.forward_2_days_change_percent + "%" ? item?.forward_2_days_change_percent + "%"
@ -491,9 +491,9 @@
><span ><span
class="w-full text-sm sm:text-[1rem] items-baseline justify-end whitespace-nowrap {item?.forward_3_days_change_percent >= class="w-full text-sm sm:text-[1rem] items-baseline justify-end whitespace-nowrap {item?.forward_3_days_change_percent >=
0 0
? "text-green-600 dark:text-positive before:content-['+']" ? "text-green-700 dark:text-positive before:content-['+']"
: item?.forward_3_days_change_percent < 0 : item?.forward_3_days_change_percent < 0
? 'text-red-600 dark:text-negative' ? 'text-red-700 dark:text-negative'
: ''}" : ''}"
>{item?.forward_3_days_change_percent !== undefined >{item?.forward_3_days_change_percent !== undefined
? item?.forward_3_days_change_percent + "%" ? item?.forward_3_days_change_percent + "%"
@ -504,9 +504,9 @@
><span ><span
class="w-full text-sm sm:text-[1rem] items-baseline justify-end whitespace-nowrap {item?.forward_4_days_change_percent >= class="w-full text-sm sm:text-[1rem] items-baseline justify-end whitespace-nowrap {item?.forward_4_days_change_percent >=
0 0
? "text-green-600 dark:text-positive before:content-['+']" ? "text-green-700 dark:text-positive before:content-['+']"
: item?.forward_4_days_change_percent < 0 : item?.forward_4_days_change_percent < 0
? 'text-red-600 dark:text-negative' ? 'text-red-700 dark:text-negative'
: ''}" : ''}"
>{item?.forward_4_days_change_percent !== undefined >{item?.forward_4_days_change_percent !== undefined
? item?.forward_4_days_change_percent + "%" ? item?.forward_4_days_change_percent + "%"
@ -517,9 +517,9 @@
><span ><span
class="w-full text-sm sm:text-[1rem] items-baseline justify-end whitespace-nowrap {item?.forward_6_days_change_percent >= class="w-full text-sm sm:text-[1rem] items-baseline justify-end whitespace-nowrap {item?.forward_6_days_change_percent >=
0 0
? "text-green-600 dark:text-positive before:content-['+']" ? "text-green-700 dark:text-positive before:content-['+']"
: item?.forward_6_days_change_percent < 0 : item?.forward_6_days_change_percent < 0
? 'text-red-600 dark:text-negative' ? 'text-red-700 dark:text-negative'
: ''}" : ''}"
>{item?.forward_6_days_change_percent !== undefined >{item?.forward_6_days_change_percent !== undefined
? item?.forward_6_days_change_percent + "%" ? item?.forward_6_days_change_percent + "%"
@ -530,8 +530,8 @@
><span ><span
class="w-full text-sm sm:text-[1rem] items-baseline justify-end whitespace-nowrap {item?.backward_4_days_change_percent >= class="w-full text-sm sm:text-[1rem] items-baseline justify-end whitespace-nowrap {item?.backward_4_days_change_percent >=
0 0
? "text-green-600 dark:text-positive before:content-['+']" ? "text-green-700 dark:text-positive before:content-['+']"
: 'text-red-600 dark:text-negative'}" : 'text-red-700 dark:text-negative'}"
>{item?.backward_4_days_change_percent?.toFixed( >{item?.backward_4_days_change_percent?.toFixed(
2, 2,
)}%<span class="w-0 text-center"></span></span )}%<span class="w-0 text-center"></span></span

8
src/routes/watchlist/options/+page.svelte
View File

@ -313,8 +313,8 @@
<td <td
class="text-sm sm:text-[1rem] {item?.put_call === class="text-sm sm:text-[1rem] {item?.put_call ===
'Calls' 'Calls'
? 'text-green-600 dark:text-[#00FC50]' ? 'text-green-700 dark:text-[#00FC50]'
: 'text-red-600 dark:text-[#FF2F1F]'} text-start" : 'text-red-700 dark:text-[#FF2F1F]'} text-start"
> >
{item?.put_call} {item?.put_call}
</td> </td>
@ -322,9 +322,9 @@
<td <td
class="text-sm sm:text-[1rem] {item?.sentiment === class="text-sm sm:text-[1rem] {item?.sentiment ===
'Bullish' 'Bullish'
? 'text-green-600 dark:text-[#00FC50]' ? 'text-green-700 dark:text-[#00FC50]'
: item?.sentiment === 'Bearish' : item?.sentiment === 'Bearish'
? 'text-red-600 dark:text-[#FF2F1F]' ? 'text-red-700 dark:text-[#FF2F1F]'
: 'text-[#C6A755]'} text-start" : 'text-[#C6A755]'} text-start"
> >
{item?.sentiment} {item?.sentiment}

8
src/routes/watchlist/stocks/+page.svelte
View File

@ -1729,24 +1729,24 @@
{:else if row?.type === "percentSign"} {:else if row?.type === "percentSign"}
{#if item[row?.rule] >= 0} {#if item[row?.rule] >= 0}
<span <span
class="text-green-600 dark:text-[#00FC50]" class="text-green-700 dark:text-[#00FC50]"
>+{item[row?.rule]?.toFixed(2)}%</span >+{item[row?.rule]?.toFixed(2)}%</span
> >
{:else} {:else}
<span <span
class="text-red-600 dark:text-[#FF2F1F]" class="text-red-700 dark:text-[#FF2F1F]"
>{item[row?.rule]?.toFixed(2)}%</span >{item[row?.rule]?.toFixed(2)}%</span
> >
{/if} {/if}
{:else if row?.type === "rating"} {:else if row?.type === "rating"}
{#if ["Strong Buy", "Buy"].includes(item[row?.rule])} {#if ["Strong Buy", "Buy"].includes(item[row?.rule])}
<span <span
class="text-green-600 dark:text-[#00FC50]" class="text-green-700 dark:text-[#00FC50]"
>{item[row?.rule]}</span >{item[row?.rule]}</span
> >
{:else if ["Strong Sell", "Sell"].includes(item[row?.rule])} {:else if ["Strong Sell", "Sell"].includes(item[row?.rule])}
<span <span
class="text-red-600 dark:text-[#FF2F1F]" class="text-red-700 dark:text-[#FF2F1F]"
>{item[row?.rule]}</span >{item[row?.rule]}</span
> >
{:else if item[row?.rule] === "Hold"} {:else if item[row?.rule] === "Hold"}