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"
fill="none"
class="stroke-current {score >= 7
? 'text-green-600 dark:text-[#00FC50]'
? 'text-green-700 dark:text-[#00FC50]'
: score >= 4
? 'text-blue-700 dark:text-[#fff]'
: 'text-red-600 dark:text-[#FF2F1F]'}"
: 'text-red-700 dark:text-[#FF2F1F]'}"
stroke-width="3"
stroke-dasharray="100.48"
stroke-dashoffset={100.48 -

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

@ -1,11 +1,30 @@
<amp-ad
width="100vw"
height="320"
type="adsense"
data-ad-client="ca-pub-7722951169931877"
data-ad-slot="4890164325"
data-auto-format="rspv"
data-full-width=""
>
<div overflow=""></div>
</amp-ad>
<div class="mb-10 mt-10 text-center xl:max-w-screen-xl">
<div
id="ifoot"
class="center-all mx-auto block min-h-[90px] md:w-[728px] lg:w-[970px] rounded"
data-google-query-id="CPWJv8_4tIwDFcqKgwcddN8mgw"
>
<div
id="google_ads_iframe_/4890164325/Footer_0__container__"
style="border: 0pt;"
>
<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}
<span
class={item?.growth > 0
? "text-green-600 dark:text-[#00FC50] before:content-['+']"
? "text-green-700 dark:text-[#00FC50] before:content-['+']"
: item?.growth < 0
? "text-red-600 dark:text-[#FF2F1F]"
? "text-red-700 dark:text-[#FF2F1F]"
: ""}
>
{item?.growth}%
@ -888,9 +888,9 @@
{:else}
<span
class={item?.growth > 0
? "text-green-600 dark:text-[#00FC50] before:content-['+']"
? "text-green-700 dark:text-[#00FC50] before:content-['+']"
: item?.growth < 0
? "text-red-600 dark:text-[#FF2F1F]"
? "text-red-700 dark:text-[#FF2F1F]"
: ""}
>
{item?.growth}%
@ -938,9 +938,9 @@
{:else}
<span
class={item?.growth > 0
? "text-green-600 dark:text-[#00FC50] before:content-['+']"
? "text-green-700 dark:text-[#00FC50] before:content-['+']"
: item?.growth < 0
? "text-red-600 dark:text-[#FF2F1F]"
? "text-red-700 dark:text-[#FF2F1F]"
: ""}
>
{item?.growth}%
@ -989,9 +989,9 @@
{:else}
<span
class={item?.growth > 0
? "text-green-600 dark:text-[#00FC50] before:content-['+']"
? "text-green-700 dark:text-[#00FC50] before:content-['+']"
: item?.growth < 0
? "text-red-600 dark:text-[#FF2F1F]"
? "text-red-700 dark:text-[#FF2F1F]"
: ""}
>
{item?.growth}%

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

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

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

@ -433,7 +433,7 @@
{#if index === tableList?.length - 1}
n/a
{: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 -
tableList[index + 1]?.shortVolume) /
@ -442,7 +442,7 @@
)?.toFixed(2)}%
</span>
{: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(
(item?.shortVolume -

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

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

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

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

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

@ -163,9 +163,9 @@
{:else}
<span
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
? "text-red-600 dark:text-[#FF2F1F]"
? "text-red-700 dark:text-[#FF2F1F]"
: ""}
>
{item?.growth !== null && Math.abs(item?.growth - 0) > 0
@ -197,9 +197,9 @@
{:else}
<span
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
? "text-red-600 dark:text-[#FF2F1F]"
? "text-red-700 dark:text-[#FF2F1F]"
: ""}
>
{item?.growth !== null && Math.abs(item?.growth - 0) > 0
@ -231,9 +231,9 @@
{:else}
<span
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
? "text-red-600 dark:text-[#FF2F1F]"
? "text-red-700 dark:text-[#FF2F1F]"
: ""}
>
{item?.growth !== null && Math.abs(item?.growth - 0) > 0

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

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

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

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

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

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

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

@ -975,11 +975,11 @@
</td>
<td class="text-sm sm:text-[1rem] text-end">
{#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
>
{: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
>
{:else}
@ -989,11 +989,11 @@
<td class="text-sm sm:text-[1rem] text-end">
{#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
>
{: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
>
{: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">
{#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
>
{: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
>
{: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">
{#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
>
{: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
>
{: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">
{#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
>
{: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
>
{:else}

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

@ -603,8 +603,8 @@
>
<span
class={item?.option_type === "C"
? "text-green-600 dark:text-[#00FC50]"
: "text-red-600 dark:text-[#FF2F1F]"}
? "text-green-700 dark:text-[#00FC50]"
: "text-red-700 dark:text-[#FF2F1F]"}
>
{item?.option_type === "C" ? "Call" : "Put"}
</span>
@ -667,11 +667,11 @@
class=" text-sm sm:text-[1rem] text-end whitespace-nowrap"
>
{#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
>
{: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
>
{:else}
@ -723,8 +723,8 @@
>
<span
class={item?.option_type === "C"
? "text-green-600 dark:text-[#00FC50]"
: "text-red-600 dark:text-[#FF2F1F]"}
? "text-green-700 dark:text-[#00FC50]"
: "text-red-700 dark:text-[#FF2F1F]"}
>
{item?.option_type === "C" ? "Call" : "Put"}
</span>
@ -787,11 +787,11 @@
class=" text-sm sm:text-[1rem] text-end whitespace-nowrap"
>
{#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
>
{: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
>
{:else}
@ -840,8 +840,8 @@
>
Contract: <span
class={optionType === "Calls"
? "text-green-600 dark:text-[#00FC50]"
: "text-red-600 dark:text-[#FF2F1F]"}
? "text-green-700 dark:text-[#00FC50]"
: "text-red-700 dark:text-[#FF2F1F]"}
>{ticker}
{strikePrice}
{optionType}
@ -962,11 +962,11 @@
</td>
<td class="text-sm sm:text-[1rem] text-end">
{#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
>
{: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
>
{:else}
@ -976,11 +976,11 @@
<td class="text-sm sm:text-[1rem] text-end">
{#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
>
{: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
>
{: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">
{#if item?.put_call_ratio <= 1 && item?.put_call_ratio !== null}
<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
>
{:else if item?.put_call_ratio > 1 && item?.put_call_ratio !== null}
<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
>
{: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">
{#if item?.put_call_ratio <= 1 && item?.put_call_ratio !== null}
<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
>
{:else if item?.put_call_ratio > 1 && item?.put_call_ratio !== null}
<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
>
{:else}

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

@ -808,8 +808,8 @@
>
<span
class="inline-block px-2 {item?.optionType === 'Calls'
? 'text-green-600 dark:text-[#00FC50]'
: 'text-red-600 dark:text-[#FF2F1F]'}"
? 'text-green-700 dark:text-[#00FC50]'
: 'text-red-700 dark:text-[#FF2F1F]'}"
>
{item?.optionType}
</span>
@ -856,9 +856,9 @@
<td
class="text-sm sm:text-[1rem] text-end whitespace-nowrap {item?.sentiment ===
'Bullish'
? 'text-green-600 dark:text-[#00FC50]'
? 'text-green-700 dark:text-[#00FC50]'
: item?.sentiment === 'Bearish'
? 'text-red-600 dark:text-[#FF2F1F]'
? 'text-red-700 dark:text-[#FF2F1F]'
: 'text-orange-600 dark:text-[#C8A32D]'} "
>
{item?.sentiment}
@ -909,8 +909,8 @@
>
Contract: <span
class={optionType === "Calls"
? "text-green-600 dark:text-[#00FC50]"
: "text-red-600 dark:text-[#FF2F1F]"}
? "text-green-700 dark:text-[#00FC50]"
: "text-red-700 dark:text-[#FF2F1F]"}
>{ticker}
{strikePrice}
{optionType}
@ -1031,11 +1031,11 @@
</td>
<td class="text-sm sm:text-[1rem] text-end">
{#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
>
{: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
>
{:else}
@ -1045,11 +1045,11 @@
<td class="text-sm sm:text-[1rem] text-end">
{#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
>
{: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
>
{: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">
{#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
? abbreviateNumber(item?.changesPercentage)
: item?.changesPercentage?.toFixed(2)}%</span
>
{: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
? abbreviateNumber(item?.changesPercentage)
: item?.changesPercentage?.toFixed(2)}%
@ -513,13 +513,13 @@
<td class=" text-sm sm:text-[1rem] text-end">
{#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
? abbreviateNumber(item?.changesPercentageOI)
: item?.changesPercentageOI?.toFixed(2)}%</span
>
{: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
? abbreviateNumber(item?.changesPercentageOI)
: item?.changesPercentageOI?.toFixed(2)}%

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

@ -194,7 +194,7 @@
<div class="sm:mt-10">
The Options activity signals a
{#if signal === "Bullish"}
<span class="text-green-600 dark:text-[#00FC50]">
<span class="text-green-700 dark:text-[#00FC50]">
<svg
class="w-6 h-6 sm:w-7 sm:h-7 inline-block"
xmlns="http://www.w3.org/2000/svg"
@ -224,7 +224,7 @@
{signal}
</span>
{:else}
<span class="text-red-600 dark:text-[#FF2F1F]">
<span class="text-red-700 dark:text-[#FF2F1F]">
<svg
class="w-6 h-6 sm:w-7 sm:h-7 inline-block"
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 ===
'Bullish'
? 'text-[#37C97D]'
: 'text-red-600 dark:text-[#FF2F1F]'}"
: 'text-red-700 dark:text-[#FF2F1F]'}"
>{priceSentiment}</span
>
</div>
@ -213,10 +213,10 @@
r="16"
fill="none"
class="stroke-current {r2Score >= 65
? 'text-green-600 dark:text-[#00FC50]'
? 'text-green-700 dark:text-[#00FC50]'
: r2Score >= 50
? 'text-[#F8901E]'
: 'text-red-600 dark:text-[#FF2F1F]'}"
: 'text-red-700 dark:text-[#FF2F1F]'}"
stroke-width="3"
stroke-dasharray="100"
stroke-dashoffset={100 - r2Score}
@ -268,10 +268,10 @@
r="16"
fill="none"
class="stroke-current {mape <= 15
? 'text-green-600 dark:text-[#00FC50]'
? 'text-green-700 dark:text-[#00FC50]'
: mape <= 35
? 'text-[#F8901E]'
: 'text-red-600 dark:text-[#FF2F1F]'}"
: 'text-red-700 dark:text-[#FF2F1F]'}"
stroke-width="3"
stroke-dasharray="100"
stroke-dashoffset={100 - mape > 0 ? 100 - mape : 1}
@ -300,7 +300,7 @@
<span
class="font-semibold {priceSentiment === 'Bullish'
? '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 ===
"Bullish"

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

@ -77,9 +77,9 @@
r="16"
fill="none"
class="stroke-current {oneYearResult > 5
? 'text-green-600 dark:text-[#00FC50]'
? 'text-green-700 dark:text-[#00FC50]'
: oneYearResult < 5
? 'text-red-600 dark:text-[#FF2F1F]'
? 'text-red-700 dark:text-[#FF2F1F]'
: 'text-white'} text-opacity-[0.7]"
stroke-width="3.5"
stroke-dasharray="100"
@ -114,9 +114,9 @@
r="16"
fill="none"
class="stroke-current {oneMonthResult > 5
? 'text-green-600 dark:text-[#00FC50]'
? 'text-green-700 dark:text-[#00FC50]'
: oneMonthResult < 5
? 'text-red-600 dark:text-[#FF2F1F]'
? 'text-red-700 dark:text-[#FF2F1F]'
: 'text-white'} "
stroke-width="4"
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[
index
]?.put_call === 'Calls'
? 'text-green-600 dark:text-[#00FC50]'
? 'text-green-700 dark:text-[#00FC50]'
: 'text-[#c44536]'} "
>
{displayedData[index]?.put_call}
@ -660,9 +660,9 @@
class="p-2 text-center text-sm sm:text-[1rem] whitespace-nowrap {displayedData[
index
]?.sentiment === 'Bullish'
? 'text-green-600 dark:text-[#00FC50]'
? 'text-green-700 dark:text-[#00FC50]'
: displayedData[index]?.sentiment === 'Bearish'
? 'text-red-600 dark:text-[#FF2F1F]'
? 'text-red-700 dark:text-[#FF2F1F]'
: 'text-[#C6A755]'} "
>
{displayedData[index]?.sentiment}

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

@ -901,11 +901,11 @@
{item[column.key]?.toLocaleString("en-US")}
{:else if column?.type === "decimalSign"}
{#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
>
{: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
>
{/if}
@ -937,11 +937,11 @@
: "< 0.01%"}
{:else if column.type === "percentSign"}
{#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
>
{: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
>
{:else}
@ -949,11 +949,11 @@
{/if}
{:else if column?.type === "rating"}
{#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
>
{: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
>
{:else if item[column.key] === "Hold"}
@ -964,10 +964,10 @@
{:else if column.type === "sentiment"}
<div
class={item[column.key] >= 55
? "text-green-600 dark:text-[#00FC50]"
? "text-green-700 dark:text-[#00FC50]"
: item[column.key] >= 50
? "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="">

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

@ -166,9 +166,9 @@
r="16"
fill="none"
class="stroke-current {rating > 5
? 'text-green-600 dark:text-[#00FC50]'
? 'text-green-700 dark:text-[#00FC50]'
: rating < 5
? 'text-red-600 dark:text-[#FF2F1F]'
? 'text-red-700 dark:text-[#FF2F1F]'
: 'text-white'} "
stroke-width="4"
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"
>
{#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
>
{:else}
<span class="text-red-600 dark:text-[#FF2F1F]"
<span class="text-red-700 dark:text-[#FF2F1F]"
>{item?.changesPercentage?.toFixed(2)}%
</span>
{/if}

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

@ -275,9 +275,9 @@
<td
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
? 'text-red-600 dark:text-[#FF2F1F]'
? 'text-red-700 dark:text-[#FF2F1F]'
: ''} text-end text-sm sm:text-[1rem] whitespace-nowrap"
>
{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]"
>
{#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
: item?.changesPercentage?.toFixed(2)}%</span
>
{:else}
<span class="text-red-600 dark:text-[#FF2F1F]"
<span class="text-red-700 dark:text-[#FF2F1F]"
>{item?.changesPercentage <= -1000
? item?.changesPercentage
: item?.changesPercentage?.toFixed(2)}%

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

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

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

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

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

@ -466,10 +466,10 @@
<td
class="text-sm sm:text-[1rem] {item?.changesPercentage >=
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 !== null
? 'text-red-600 dark:text-[#FF2F1F]'
? 'text-red-700 dark:text-[#FF2F1F]'
: ''} text-end"
>
{item?.changesPercentage !== null

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

@ -237,7 +237,7 @@
r="16"
fill="none"
class="stroke-current {buySellRatio >= 0.5
? 'text-green-600 dark:text-[#00FC50]'
? 'text-green-700 dark:text-[#00FC50]'
: 'text-[#EE5365]'} "
stroke-width="3"
stroke-dasharray="100"
@ -394,11 +394,11 @@
class="text-end text-sm sm:text-[1rem] whitespace-nowrap"
>
{#if item?.type === "Bought"}
<span class="text-green-600 dark:text-[#00FC50]"
<span class="text-green-700 dark:text-[#00FC50]"
>Bought</span
>
{:else if item?.type === "Sold"}
<span class="text-red-600 dark:text-[#FF2F1F]"
<span class="text-red-700 dark:text-[#FF2F1F]"
>Sold</span
>
{: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">
{#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
? abbreviateNumber(item?.changesPercentage)
: item?.changesPercentage?.toFixed(2)}%</span
>
{: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
? abbreviateNumber(item?.changesPercentage)
: item?.changesPercentage?.toFixed(2)}%
@ -526,11 +526,11 @@
<td class=" text-sm sm:text-[1rem] text-end">
{#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
>
{: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>
{:else}
@ -540,13 +540,13 @@
<td class=" text-sm sm:text-[1rem] text-end">
{#if item?.changesPercentageOI >= 0}
<span class="text-green-600 dark:text-[#00FC50]"
<span class="text-green-700 dark:text-[#00FC50]"
>+{item?.changesPercentageOI >= 1000
? abbreviateNumber(item?.changesPercentageOI)
: item?.changesPercentageOI?.toFixed(2)}%</span
>
{:else if item?.changesPercentageOI < 0}
<span class="text-red-600 dark:text-[#FF2F1F]"
<span class="text-red-700 dark:text-[#FF2F1F]"
>{item?.changesPercentageOI <= -1000
? abbreviateNumber(item?.changesPercentageOI)
: 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"
>
{#if item?.changesPercentage >= 0}
<span class="text-green-600 dark:text-[#00FC50]"
<span class="text-green-700 dark:text-[#00FC50]"
>+{item?.changesPercentage >= 1000
? abbreviateNumber(item?.changesPercentage)
: item?.changesPercentage?.toFixed(2)}%</span
>
{:else if item?.changesPercentage < 0}
<span class="text-red-600 dark:text-[#FF2F1F]"
<span class="text-red-700 dark:text-[#FF2F1F]"
>{item?.changesPercentage <= -1000
? abbreviateNumber(item?.changesPercentage)
: 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"
>
{#if item?.performancePercentage3Year >= 0}
<span class="text-green-600 dark:text-[#00FC50]"
<span class="text-green-700 dark:text-[#00FC50]"
>+{abbreviateNumber(
item?.performancePercentage3Year?.toFixed(
2,
@ -213,7 +213,7 @@
)}%</span
>
{:else}
<span class="text-red-600 dark:text-[#FF2F1F]"
<span class="text-red-700 dark:text-[#FF2F1F]"
>{abbreviateNumber(
item?.performancePercentage3Year?.toFixed(
2,
@ -230,13 +230,13 @@
class="flex flex-row mt-1 text-[1rem] font-semibold"
>
{#if item?.winRate >= 0}
<span class="text-green-600 dark:text-[#00FC50]"
<span class="text-green-700 dark:text-[#00FC50]"
>+{abbreviateNumber(
item?.winRate?.toFixed(2),
)}%</span
>
{:else}
<span class="text-red-600 dark:text-[#FF2F1F]"
<span class="text-red-700 dark:text-[#FF2F1F]"
>{abbreviateNumber(
item?.winRate?.toFixed(2),
)}%

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

@ -756,7 +756,7 @@
>
<span
class={displayLegend?.change >= 0
? "before:content-['+'] text-green-600 dark:text-[#00FC50]"
? "before:content-['+'] text-green-700 dark:text-[#00FC50]"
: "text-[#FF2F1F]"}
>
{displayLegend?.change}
@ -800,8 +800,8 @@
<div
class="mt-1.5 block text-sm xs: sm:mt-0 sm:inline sm:text-lg {prePostData?.changesPercentage >=
0
? "before:content-['+'] text-green-600 dark:text-[#00FC50]"
: 'text-red-600 dark:text-[#FF2F1F]'}"
? "before:content-['+'] text-green-700 dark:text-[#00FC50]"
: 'text-red-700 dark:text-[#FF2F1F]'}"
>
{prePostData?.changesPercentage?.toFixed(
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">
{#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
? abbreviateNumberWithColor(
item?.changesPercentage,
@ -440,7 +440,7 @@
: item?.changesPercentage?.toFixed(2)}%</span
>
{: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
? abbreviateNumberWithColor(
item?.changesPercentage,
@ -560,11 +560,11 @@
<td class="text-white text-sm sm:text-[1rem] text-end">
{#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
>
{: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>
{:else}
@ -574,7 +574,7 @@
<td class="text-white text-sm sm:text-[1rem] text-end">
{#if item?.changesPercentageOI >= 0}
<span class="text-green-600 dark:text-[#00FC50]"
<span class="text-green-700 dark:text-[#00FC50]"
>+{item?.changesPercentageOI >= 1000
? abbreviateNumberWithColor(
item?.changesPercentageOI,
@ -582,7 +582,7 @@
: item?.changesPercentageOI?.toFixed(2)}%</span
>
{:else if item?.changesPercentageOI < 0}
<span class="text-red-600 dark:text-[#FF2F1F]"
<span class="text-red-700 dark:text-[#FF2F1F]"
>{item?.changesPercentageOI <= -1000
? abbreviateNumberWithColor(
item?.changesPercentageOI,

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

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

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

@ -132,12 +132,12 @@
>
{#if item?.return >= 0 && item?.return !== null}
<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
>
{:else if item?.return < 0 && item?.return !== null}
<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)}%
</span>
{:else}

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

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

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

@ -1448,9 +1448,9 @@
<span
class="text-start text-[1rem] font-semibold {flowSentiment ===
'Bullish'
? 'text-green-600 dark:text-[#00FC50]'
? 'text-green-700 dark:text-[#00FC50]'
: flowSentiment === 'Bearish'
? 'text-red-600 dark:text-[#FF2F1F]'
? 'text-red-700 dark:text-[#FF2F1F]'
: flowSentiment === 'Neutral'
? 'text-[#fff]'
: ''}">{flowSentiment}</span
@ -1554,7 +1554,7 @@
cy="18"
r="16"
fill="none"
class="stroke-current text-green-600 dark:text-[#00FC50]"
class="stroke-current text-green-700 dark:text-[#00FC50]"
stroke-width="3"
stroke-dasharray="100"
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">
<Infobox
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>.`}
/>
</div>
@ -481,8 +481,8 @@
<span class="inline-block">S&P500</span>
<span
class="{items?.at(0)?.changesPercentage > 0
? "text-green-600 dark:text-[#00FC50] before:content-['+']"
: 'text-red-600 dark:text-[#FF2F1F]'} "
? "text-green-700 dark:text-[#00FC50] before:content-['+']"
: 'text-red-700 dark:text-[#FF2F1F]'} "
>{items.length > 0
? items?.at(0)?.changesPercentage
: "n/a"}%</span

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

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

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

@ -467,10 +467,10 @@
<td
class="text-sm sm:text-[1rem] {item?.changesPercentage >=
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 !== null
? 'text-red-600 dark:text-[#FF2F1F]'
? 'text-red-700 dark:text-[#FF2F1F]'
: ''} text-end"
>
{item?.changesPercentage !== null

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

@ -139,9 +139,9 @@
{#each growthValues[index] as growthValue}
<td
class="text-sm sm:text-[1rem] text-end {growthValue > 0
? 'text-green-600 dark:text-[#00FC50]'
? 'text-green-700 dark:text-[#00FC50]'
: growthValue < 0
? 'text-red-600 dark:text-[#FF2F1F]'
? 'text-red-700 dark:text-[#FF2F1F]'
: ''} border-b border-gray-300 dark:border-gray-800"
>
{growthValue > 0 ? "+" : ""}{growthValue !== null &&
@ -214,9 +214,9 @@
<td
class="text-sm sm:text-[1rem] text-center {growthValue >
0
? 'text-green-600 dark:text-[#00FC50]'
? 'text-green-700 dark:text-[#00FC50]'
: growthValue < 0
? 'text-red-600 dark:text-[#FF2F1F]'
? 'text-red-700 dark:text-[#FF2F1F]'
: ''} border-b border-gray-300 dark:border-gray-800"
>
{growthValue > 0 ? "+" : ""}{growthValue !== null &&
@ -291,9 +291,9 @@
<td
class="text-sm sm:text-[1rem] text-center {growthValue >
0
? 'text-green-600 dark:text-[#00FC50]'
? 'text-green-700 dark:text-[#00FC50]'
: growthValue < 0
? 'text-red-600 dark:text-[#FF2F1F]'
? 'text-red-700 dark:text-[#FF2F1F]'
: ''} border-b border-gray-300 dark:border-gray-800"
>
{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"
>
{#if item?.valueGrowth > 0}
<span class="text-green-600 dark:text-[#00FC50]">
<span class="text-green-700 dark:text-[#00FC50]">
+{item?.valueGrowth?.toFixed(2)}%
</span>
{: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)}%
</span>
{:else}

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

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

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

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

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

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

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

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