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

change colors

Browse Source
This commit is contained in:
MuslemRahimi 2024-12-07 16:23:01 +01:00
parent bc0cfe0b24
commit 9159001704
123 changed files with 888 additions and 871 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -26,7 +26,7 @@
<label <label
for="scoreInfo" for="scoreInfo"
class="absolute -top-3 -right-4 cursor-pointer border border-gray-900 rounded-full bg-[#242424] sm:hover:bg-[#313131] duration-100 p-1 text-gray-300 hover:text-gray-600 dark:text-dark-400 dark:hover:text-dark-300" class="absolute -top-3 -right-4 cursor-pointer border border-gray-900 rounded-full bg-[#242424] sm:hover:bg-secondary duration-100 p-1 text-gray-300 hover:text-gray-600 dark:text-dark-400 dark:hover:text-dark-300"
> >
<svg <svg
class="h-[8px] w-[8px]" class="h-[8px] w-[8px]"
@ -192,7 +192,7 @@
> >
<!-- head --> <!-- head -->
<thead> <thead>
<tr class="border-b border-slate-700 odd:bg-[#27272A]"> <tr class="border-b border-slate-700 odd:bg-secondary">
<th class="bg-[#09090B] text-white text-sm font-semibold"> <th class="bg-[#09090B] text-white text-sm font-semibold">
Bullish Probability Bullish Probability
</th> </th>
@ -206,53 +206,53 @@
</thead> </thead>
<tbody> <tbody>
<!-- row 1 --> <!-- row 1 -->
<tr class="border-b border-slate-700 odd:bg-[#27272A]"> <tr class="border-b border-slate-700 odd:bg-secondary">
<td class="text-sm sm:text-[1rem]">+80% </td> <td class="text-sm sm:text-[1rem]">+80% </td>
<td class="text-sm sm:text-[1rem]">Strong Buy</td> <td class="text-sm sm:text-[1rem]">Strong Buy</td>
<td class="text-sm sm:text-[1rem] text-end">10</td> <td class="text-sm sm:text-[1rem] text-end">10</td>
</tr> </tr>
<!-- row 2 --> <!-- row 2 -->
<tr class="border-b border-slate-700 odd:bg-[#27272A]"> <tr class="border-b border-slate-700 odd:bg-secondary">
<td class="text-sm sm:text-[1rem]">+75%</td> <td class="text-sm sm:text-[1rem]">+75%</td>
<td class="text-sm sm:text-[1rem]">Buy</td> <td class="text-sm sm:text-[1rem]">Buy</td>
<td class="text-sm sm:text-[1rem] text-end">9</td> <td class="text-sm sm:text-[1rem] text-end">9</td>
</tr> </tr>
<tr class="border-b border-slate-700 odd:bg-[#27272A]"> <tr class="border-b border-slate-700 odd:bg-secondary">
<td class="text-sm sm:text-[1rem]">+70%</td> <td class="text-sm sm:text-[1rem]">+70%</td>
<td class="text-sm sm:text-[1rem]">Buy</td> <td class="text-sm sm:text-[1rem]">Buy</td>
<td class="text-sm sm:text-[1rem] text-end">8</td> <td class="text-sm sm:text-[1rem] text-end">8</td>
</tr> </tr>
<tr class="border-b border-slate-700 odd:bg-[#27272A]"> <tr class="border-b border-slate-700 odd:bg-secondary">
<td class="text-sm sm:text-[1rem]"> +60% </td> <td class="text-sm sm:text-[1rem]"> +60% </td>
<td class="text-sm sm:text-[1rem]">Buy</td> <td class="text-sm sm:text-[1rem]">Buy</td>
<td class="text-sm sm:text-[1rem] text-end">7</td> <td class="text-sm sm:text-[1rem] text-end">7</td>
</tr> </tr>
<tr class="border-b border-slate-700 odd:bg-[#27272A]"> <tr class="border-b border-slate-700 odd:bg-secondary">
<td class="text-sm sm:text-[1rem]">+50%</td> <td class="text-sm sm:text-[1rem]">+50%</td>
<td class="text-sm sm:text-[1rem]">Hold</td> <td class="text-sm sm:text-[1rem]">Hold</td>
<td class="text-sm sm:text-[1rem] text-end">6</td> <td class="text-sm sm:text-[1rem] text-end">6</td>
</tr> </tr>
<tr class="border-b border-slate-700 odd:bg-[#27272A]"> <tr class="border-b border-slate-700 odd:bg-secondary">
<td class="text-sm sm:text-[1rem]">+45%</td> <td class="text-sm sm:text-[1rem]">+45%</td>
<td class="text-sm sm:text-[1rem]">Hold</td> <td class="text-sm sm:text-[1rem]">Hold</td>
<td class="text-sm sm:text-[1rem] text-end">5</td> <td class="text-sm sm:text-[1rem] text-end">5</td>
</tr> </tr>
<tr class="border-b border-slate-700 odd:bg-[#27272A]"> <tr class="border-b border-slate-700 odd:bg-secondary">
<td class="text-sm sm:text-[1rem]">+40%</td> <td class="text-sm sm:text-[1rem]">+40%</td>
<td class="text-sm sm:text-[1rem]">Hold</td> <td class="text-sm sm:text-[1rem]">Hold</td>
<td class="text-sm sm:text-[1rem] text-end">4</td> <td class="text-sm sm:text-[1rem] text-end">4</td>
</tr> </tr>
<tr class="border-b border-slate-700 odd:bg-[#27272A]"> <tr class="border-b border-slate-700 odd:bg-secondary">
<td class="text-sm sm:text-[1rem]">+35%</td> <td class="text-sm sm:text-[1rem]">+35%</td>
<td class="text-sm sm:text-[1rem]">Sell</td> <td class="text-sm sm:text-[1rem]">Sell</td>
<td class="text-sm sm:text-[1rem] text-end">3</td> <td class="text-sm sm:text-[1rem] text-end">3</td>
</tr> </tr>
<tr class="border-b border-slate-700 odd:bg-[#27272A]"> <tr class="border-b border-slate-700 odd:bg-secondary">
<td class="text-sm sm:text-[1rem]">+30%</td> <td class="text-sm sm:text-[1rem]">+30%</td>
<td class="text-sm sm:text-[1rem]">Sell</td> <td class="text-sm sm:text-[1rem]">Sell</td>
<td class="text-sm sm:text-[1rem] text-end">2</td> <td class="text-sm sm:text-[1rem] text-end">2</td>
</tr> </tr>
<tr class="odd:bg-[#27272A]"> <tr class="odd:bg-secondary">
<td class="text-sm sm:text-[1rem]">+20%</td> <td class="text-sm sm:text-[1rem]">+20%</td>
<td class="text-sm sm:text-[1rem]">Strong Sell</td> <td class="text-sm sm:text-[1rem]">Strong Sell</td>
<td class="text-sm sm:text-[1rem] text-end">1</td> <td class="text-sm sm:text-[1rem] text-end">1</td>

2
src/lib/components/AddPortfolio.svelte
View File

@ -98,7 +98,7 @@
</div> </div>
<div <div
class="text-white text-sm border bg-[#313131] border-gray-800 p-3 rounded-md overflow-y-scroll h-56" class="text-white text-sm border bg-secondary border-gray-800 p-3 rounded-md overflow-y-scroll h-56"
> >
<ol class="text-white list-decimal ml-3 p-2"> <ol class="text-white list-decimal ml-3 p-2">
<li class="p-1"> <li class="p-1">

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

@ -774,21 +774,21 @@
<thead class=""> <thead class="">
<tr class=""> <tr class="">
<th <th
class="bg-[#27272A] border-b border-[#000] text-white font-semibold text-sm text-start" class="bg-primary border-b border-[#000] text-white font-semibold text-sm text-start"
>Fiscal Year</th >Fiscal Year</th
> >
{#each xData as item} {#each xData as item}
<td <td
class="z-20 bg-[#27272A] border-b border-[#000] text-white font-semibold text-sm text-end bg-[#09090B]" class="z-20 bg-primary border-b border-[#000] text-white font-semibold text-sm text-end bg-[#09090B]"
>{"FY" + item}</td >{"FY" + item}</td
> >
{/each} {/each}
</tr> </tr>
</thead> </thead>
<tbody class="shadow-md"> <tbody class="shadow-md">
<tr class="bg-[#27272A] border-b-[#27272A]"> <tr class="bg-primary border-b-[#27272A]">
<th <th
class="text-white whitespace-nowrap text-sm sm:text-[1rem] text-start font-medium bg-[#27272A] border-b border-[#27272A]" class="text-white whitespace-nowrap text-sm sm:text-[1rem] text-start font-medium bg-primary border-b border-[#27272A]"
> >
Revenue Revenue
</th> </th>
@ -805,9 +805,9 @@
{/each} {/each}
</tr> </tr>
<tr class="bg-[#27272A] border-b-[#27272A]"> <tr class="bg-primary border-b-[#27272A]">
<th <th
class="bg-[#27272A] whitespace-nowrap text-sm sm:text-[1rem] text-white text-start font-medium border-b border-[#27272A]" class="bg-primary whitespace-nowrap text-sm sm:text-[1rem] text-white text-start font-medium border-b border-[#27272A]"
> >
Revenue Growth Revenue Growth
</th> </th>
@ -840,9 +840,9 @@
{/each} {/each}
</tr> </tr>
<tr class="bg-[#27272A] border-b-[#09090B]"> <tr class="bg-primary border-b-[#09090B]">
<th <th
class="text-white whitespace-nowrap text-sm sm:text-[1rem] text-start font-medium bg-[#27272A] border-b border-[#27272A]" class="text-white whitespace-nowrap text-sm sm:text-[1rem] text-start font-medium bg-primary border-b border-[#27272A]"
> >
EPS EPS
</th> </th>
@ -859,9 +859,9 @@
{/each} {/each}
</tr> </tr>
<tr class="bg-[#27272A] border-b-[#27272A]"> <tr class="bg-primary border-b-[#27272A]">
<th <th
class="bg-[#27272A] whitespace-nowrap text-sm sm:text-[1rem] text-white text-start font-medium border-b border-[#27272A]" class="bg-primary whitespace-nowrap text-sm sm:text-[1rem] text-white text-start font-medium border-b border-[#27272A]"
> >
EPS Growth EPS Growth
</th> </th>
@ -893,9 +893,9 @@
</td> </td>
{/each} {/each}
</tr> </tr>
<tr class="bg-[#27272A] border-b-[#27272A]"> <tr class="bg-primary border-b-[#27272A]">
<th <th
class="text-white whitespace-nowrap text-sm sm:text-[1rem] text-start font-medium bg-[#27272A] border-b border-[#27272A]" class="text-white whitespace-nowrap text-sm sm:text-[1rem] text-start font-medium bg-primary border-b border-[#27272A]"
> >
Net Income Net Income
</th> </th>
@ -912,9 +912,9 @@
{/each} {/each}
</tr> </tr>
<tr class="bg-[#27272A] border-b-[#27272A]"> <tr class="bg-primary border-b-[#27272A]">
<th <th
class="bg-[#27272A] whitespace-nowrap text-sm sm:text-[1rem] text-white text-start font-medium border-b border-[#27272A]" class="bg-primary whitespace-nowrap text-sm sm:text-[1rem] text-white text-start font-medium border-b border-[#27272A]"
> >
Net Income Growth Net Income Growth
</th> </th>
@ -947,9 +947,9 @@
{/each} {/each}
</tr> </tr>
<tr class="bg-[#27272A] border-b-[#27272A]"> <tr class="bg-primary border-b-[#27272A]">
<th <th
class="text-white whitespace-nowrap text-sm sm:text-[1rem] text-start font-medium bg-[#27272A] border-b border-[#27272A]" class="text-white whitespace-nowrap text-sm sm:text-[1rem] text-start font-medium bg-primary border-b border-[#27272A]"
> >
EBITDA EBITDA
</th> </th>
@ -966,9 +966,9 @@
{/each} {/each}
</tr> </tr>
<tr class="bg-[#27272A] border-b-[#27272A]"> <tr class="bg-primary border-b-[#27272A]">
<th <th
class="bg-[#27272A] whitespace-nowrap text-sm sm:text-[1rem] text-white text-start font-medium border-b border-[#27272A]" class="bg-primary whitespace-nowrap text-sm sm:text-[1rem] text-white text-start font-medium border-b border-[#27272A]"
> >
EBITDA Growth EBITDA Growth
</th> </th>
@ -1001,9 +1001,9 @@
{/each} {/each}
</tr> </tr>
<tr class="bg-[#27272A] border-b-[#27272A]"> <tr class="bg-primary border-b-[#27272A]">
<th <th
class="text-white whitespace-nowrap text-sm sm:text-[1rem] text-start font-medium bg-[#27272A] border-b border-[#27272A]" class="text-white whitespace-nowrap text-sm sm:text-[1rem] text-start font-medium bg-primary border-b border-[#27272A]"
>No. Analysts</th >No. Analysts</th
> >
{#each tableCombinedRevenue as item} {#each tableCombinedRevenue as item}

2
src/lib/components/AnalystInsight.svelte
View File

@ -76,7 +76,7 @@
data?.getAnalystInsight?.date, data?.getAnalystInsight?.date,
) )
? 'bg-[#F9AB00] bg-opacity-[0.1]' ? 'bg-[#F9AB00] bg-opacity-[0.1]'
: 'bg-[#27272A]'} shadow-lg h-full pl-3 pt-2 pb-4" : 'bg-primary'} shadow-lg h-full pl-3 pt-2 pb-4"
> >
<div class="flex flex-col items-start"> <div class="flex flex-col items-start">
<div class="flex flex-row items-start w-full pt-2"> <div class="flex flex-row items-start w-full pt-2">

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

@ -80,7 +80,7 @@
<div class="flex justify-start items-center w-full m-auto"> <div class="flex justify-start items-center w-full m-auto">
<table class="w-full" data-test="statistics-table"> <table class="w-full" data-test="statistics-table">
<tbody> <tbody>
<tr class="border-y border-gray-800 odd:bg-[#27272A]"> <tr class="border-y border-gray-800 odd:bg-secondary">
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"> <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
<span>Date</span> <span>Date</span>
</td> </td>
@ -90,7 +90,7 @@
{formatDateRange(rawData?.slice(-1)?.at(0)?.date)} {formatDateRange(rawData?.slice(-1)?.at(0)?.date)}
</td> </td>
</tr> </tr>
<tr class="border-y border-gray-800 odd:bg-[#27272A]"> <tr class="border-y border-gray-800 odd:bg-secondary">
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"> <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
<span>Fee Range</span> <span>Fee Range</span>
</td> </td>
@ -100,7 +100,7 @@
{lowestFee + "%" + "-" + highestFee + "%"} {lowestFee + "%" + "-" + highestFee + "%"}
</td> </td>
</tr> </tr>
<tr class="border-y border-gray-800 odd:bg-[#27272A]"> <tr class="border-y border-gray-800 odd:bg-secondary">
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"> <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
<span>Total Available Shares</span> <span>Total Available Shares</span>
</td> </td>

2
src/lib/components/BullBearSay.svelte
View File

@ -76,7 +76,7 @@
class="inline-flex justify-center sm:justify-start w-full rounded-md sm:w-auto" class="inline-flex justify-center sm:justify-start w-full rounded-md sm:w-auto"
> >
<div <div
class="bg-[#313131] w-full min-w-24 sm:w-fit relative flex flex-wrap items-center justify-center rounded-md p-1 mt-4" class="bg-secondary w-full min-w-24 sm:w-fit relative flex flex-wrap items-center justify-center rounded-md p-1 mt-4"
> >
{#each tabs as item, i} {#each tabs as item, i}
<button <button

88
src/lib/components/ClinicalTrial.svelte
View File

@ -53,7 +53,7 @@
</thead> </thead>
<tbody> <tbody>
{#each displayList as item,index} {#each displayList as item,index}
<tr on:click={() => handleViewData(item)} class="border-y border-gray-800 odd:bg-[#27272A] sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#09090B] border-b-[#09090B] cursor-pointer"> <tr on:click={() => handleViewData(item)} class="border-y border-gray-800 odd:bg-secondary sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#09090B] border-b-[#09090B] cursor-pointer">
<td class="text-white font-medium whitespace-nowrap"> <td class="text-white font-medium whitespace-nowrap">
{item["Interventions"]?.length === 0 ? '-' : item["Interventions"]?.length > charNumber ? formatString(item["Interventions"]?.slice(0,charNumber)) + "..." : formatString(item["Interventions"])} {item["Interventions"]?.length === 0 ? '-' : item["Interventions"]?.length > charNumber ? formatString(item["Interventions"]?.slice(0,charNumber)) + "..." : formatString(item["Interventions"])}
@ -130,11 +130,11 @@
<!-- svelte-ignore a11y-label-has-associated-control --> <!-- svelte-ignore a11y-label-has-associated-control -->
<label <label
class="modal-box w-full relative bg-[#27272A] h-auto max-h-[900px] overflow-y-scroll" class="modal-box w-full relative bg-primary h-auto max-h-[900px] overflow-y-scroll"
> >
<label <label
for="clinicalDesktopModal" for="clinicalDesktopModal"
class="cursor-pointer absolute right-5 top-2 bg-[#27272A] text-2xl text-white" class="cursor-pointer absolute right-5 top-2 bg-primary text-2xl text-white"
> >
✕ ✕
</label> </label>
@ -142,70 +142,70 @@
<h3 class="text-xl font-semibold text-white mt-10"> <h3 class="text-xl font-semibold text-white mt-10">
Title: {trialTitle} Title: {trialTitle}
</h3> </h3>
<p class="py-4 text-gray-200 bg-[#27272A] w-full"> <p class="py-4 text-gray-200 bg-primary w-full">
<span class="font-semibold text-white">Brief Summary:</span> <span class="font-semibold text-white">Brief Summary:</span>
{trialSummary} {trialSummary}
</p> </p>
<table <table
class="table table-sm table-compact bg-[#27272A] w-full mt-5 mb-10 text-white" class="table table-sm table-compact bg-primary w-full mt-5 mb-10 text-white"
> >
<tbody> <tbody>
<!-- row 1 --> <!-- row 1 -->
<tr class="border-b border-slate-700"> <tr class="border-b border-slate-700">
<td class="bg-[#27272A] font-semibold">NCT Number</td> <td class="bg-primary font-semibold">NCT Number</td>
<td class="bg-[#27272A]">{trialId}</td> <td class="bg-primary">{trialId}</td>
</tr> </tr>
<tr class="border-b border-slate-700"> <tr class="border-b border-slate-700">
<td class="bg-[#27272A] font-semibold">Start Date</td> <td class="bg-primary font-semibold">Start Date</td>
<td class="bg-[#27272A]">{trialStart}</td> <td class="bg-primary">{trialStart}</td>
</tr> </tr>
<tr class="border-b border-slate-700"> <tr class="border-b border-slate-700">
<td class="bg-[#27272A] font-semibold">End Date</td> <td class="bg-primary font-semibold">End Date</td>
<td class="bg-[#27272A]">{trialEnd}</td> <td class="bg-primary">{trialEnd}</td>
</tr> </tr>
<!-- row 2 --> <!-- row 2 -->
<tr class="border-b border-slate-700"> <tr class="border-b border-slate-700">
<td class="bg-[#27272A] font-semibold">Study Status</td> <td class="bg-primary font-semibold">Study Status</td>
<td class="bg-[#27272A]">{trialStage}</td> <td class="bg-primary">{trialStage}</td>
</tr> </tr>
<tr class="border-b border-slate-700"> <tr class="border-b border-slate-700">
<td class="bg-[#27272A] font-semibold">Phase Status</td> <td class="bg-primary font-semibold">Phase Status</td>
<td class="bg-[#27272A]">{trialPhase}</td> <td class="bg-primary">{trialPhase}</td>
</tr> </tr>
<tr class="border-b border-slate-700"> <tr class="border-b border-slate-700">
<td class="bg-[#27272A] font-semibold">Study Results</td> <td class="bg-primary font-semibold">Study Results</td>
<td class="bg-[#27272A]">{trialResult}</td> <td class="bg-primary">{trialResult}</td>
</tr> </tr>
<tr class="border-b border-slate-700"> <tr class="border-b border-slate-700">
<td class="bg-[#27272A] font-semibold">Sex</td> <td class="bg-primary font-semibold">Sex</td>
<td class="bg-[#27272A]">{formatString(trialSex)}</td> <td class="bg-primary">{formatString(trialSex)}</td>
</tr> </tr>
<tr class="border-b border-slate-700"> <tr class="border-b border-slate-700">
<td class="bg-[#27272A] font-semibold">Age</td> <td class="bg-primary font-semibold">Age</td>
<td class="bg-[#27272A]" <td class="bg-primary"
>{formatString(trialAge)?.replace("Older_adult", "Older Adult")}</td >{formatString(trialAge)?.replace("Older_adult", "Older Adult")}</td
> >
</tr> </tr>
<tr class="border-b border-slate-700"> <tr class="border-b border-slate-700">
<td class="bg-[#27272A] font-semibold">Sponsor</td> <td class="bg-primary font-semibold">Sponsor</td>
<td class="bg-[#27272A]">{trialSponsor}</td> <td class="bg-primary">{trialSponsor}</td>
</tr> </tr>
<tr class="border-b border-slate-700"> <tr class="border-b border-slate-700">
<td class="bg-[#27272A] font-semibold">Enrollment</td> <td class="bg-primary font-semibold">Enrollment</td>
<td class="bg-[#27272A]">{trialEnrollment}</td> <td class="bg-primary">{trialEnrollment}</td>
</tr> </tr>
<tr class="border-b border-slate-700"> <tr class="border-b border-slate-700">
<td class="bg-[#27272A] font-semibold">Study Type</td> <td class="bg-primary font-semibold">Study Type</td>
<td class="bg-[#27272A]">{trialStudyType}</td> <td class="bg-primary">{trialStudyType}</td>
</tr> </tr>
<tr class="border-b border-slate-700"> <tr class="border-b border-slate-700">
<td class="bg-[#27272A] font-semibold">Funder Type</td> <td class="bg-primary font-semibold">Funder Type</td>
<td class="bg-[#27272A]">{trialFunderType}</td> <td class="bg-primary">{trialFunderType}</td>
</tr> </tr>
<tr class="border-b border-slate-700"> <tr class="border-b border-slate-700">
<td class="bg-[#27272A] font-semibold">Website</td> <td class="bg-primary font-semibold">Website</td>
<td class="bg-[#27272A]" <td class="bg-primary"
><a ><a
class="text-blue-400 sm:hover:text-white" class="text-blue-400 sm:hover:text-white"
href={trialLink} href={trialLink}
@ -250,49 +250,49 @@
> >
<tbody> <tbody>
<!-- row 1 --> <!-- row 1 -->
<tr class="border-b border-slate-700 odd:bg-[#27272A]"> <tr class="border-b border-slate-700 odd:bg-secondary">
<td class="font-semibold w-full">NCT Number</td> <td class="font-semibold w-full">NCT Number</td>
<td class="">{trialId}</td> <td class="">{trialId}</td>
</tr> </tr>
<tr <tr
class="border-b border-slate-700 odd:bg-[#27272A] even:bg-[#09090B]" class="border-b border-slate-700 odd:bg-secondary even:bg-[#09090B]"
> >
<td class="font-semibold">Start Date</td> <td class="font-semibold">Start Date</td>
<td class="">{trialStart}</td> <td class="">{trialStart}</td>
</tr> </tr>
<tr <tr
class="border-b border-slate-700 odd:bg-[#27272A] even:bg-[#09090B]" class="border-b border-slate-700 odd:bg-secondary even:bg-[#09090B]"
> >
<td class="font-semibold">End Date</td> <td class="font-semibold">End Date</td>
<td class="">{trialEnd}</td> <td class="">{trialEnd}</td>
</tr> </tr>
<!-- row 2 --> <!-- row 2 -->
<tr <tr
class="border-b border-slate-700 odd:bg-[#27272A] even:bg-[#09090B]" class="border-b border-slate-700 odd:bg-secondary even:bg-[#09090B]"
> >
<td class="font-semibold">Study Status</td> <td class="font-semibold">Study Status</td>
<td class="">{trialStage}</td> <td class="">{trialStage}</td>
</tr> </tr>
<tr <tr
class="border-b border-slate-700 odd:bg-[#27272A] even:bg-[#09090B]" class="border-b border-slate-700 odd:bg-secondary even:bg-[#09090B]"
> >
<td class="font-semibold">Phase Status</td> <td class="font-semibold">Phase Status</td>
<td class="">{trialPhase}</td> <td class="">{trialPhase}</td>
</tr> </tr>
<tr <tr
class="border-b border-slate-700 odd:bg-[#27272A] even:bg-[#09090B]" class="border-b border-slate-700 odd:bg-secondary even:bg-[#09090B]"
> >
<td class="font-semibold">Study Results</td> <td class="font-semibold">Study Results</td>
<td class="">{trialResult}</td> <td class="">{trialResult}</td>
</tr> </tr>
<tr <tr
class="border-b border-slate-700 odd:bg-[#27272A] even:bg-[#09090B]" class="border-b border-slate-700 odd:bg-secondary even:bg-[#09090B]"
> >
<td class="font-semibold">Sex</td> <td class="font-semibold">Sex</td>
<td class="">{formatString(trialSex)}</td> <td class="">{formatString(trialSex)}</td>
</tr> </tr>
<tr <tr
class="border-b border-slate-700 odd:bg-[#27272A] even:bg-[#09090B]" class="border-b border-slate-700 odd:bg-secondary even:bg-[#09090B]"
> >
<td class="font-semibold">Age</td> <td class="font-semibold">Age</td>
<td class="" <td class=""
@ -303,31 +303,31 @@
> >
</tr> </tr>
<tr <tr
class="border-b border-slate-700 odd:bg-[#27272A] even:bg-[#09090B]" class="border-b border-slate-700 odd:bg-secondary even:bg-[#09090B]"
> >
<td class="font-semibold">Sponsor</td> <td class="font-semibold">Sponsor</td>
<td class="">{trialSponsor}</td> <td class="">{trialSponsor}</td>
</tr> </tr>
<tr <tr
class="border-b border-slate-700 odd:bg-[#27272A] even:bg-[#09090B]" class="border-b border-slate-700 odd:bg-secondary even:bg-[#09090B]"
> >
<td class="font-semibold">Enrollment</td> <td class="font-semibold">Enrollment</td>
<td class="">{trialEnrollment}</td> <td class="">{trialEnrollment}</td>
</tr> </tr>
<tr <tr
class="border-b border-slate-700 odd:bg-[#27272A] even:bg-[#09090B]" class="border-b border-slate-700 odd:bg-secondary even:bg-[#09090B]"
> >
<td class="font-semibold">Study Type</td> <td class="font-semibold">Study Type</td>
<td class="">{trialStudyType}</td> <td class="">{trialStudyType}</td>
</tr> </tr>
<tr <tr
class="border-b border-slate-700 odd:bg-[#27272A] even:bg-[#09090B]" class="border-b border-slate-700 odd:bg-secondary even:bg-[#09090B]"
> >
<td class="font-semibold">Funder Type</td> <td class="font-semibold">Funder Type</td>
<td class="">{trialFunderType}</td> <td class="">{trialFunderType}</td>
</tr> </tr>
<tr <tr
class="border-b border-slate-700 odd:bg-[#27272A] even:bg-[#09090B]" class="border-b border-slate-700 odd:bg-secondary even:bg-[#09090B]"
> >
<td class="font-semibold">Website</td> <td class="font-semibold">Website</td>
<td class="" <td class=""

2
src/lib/components/Correlation.svelte
View File

@ -103,7 +103,7 @@
> >
{#each showFullStats ? rawData : rawData?.slice(0, 3) as item, index} {#each showFullStats ? rawData : rawData?.slice(0, 3) as item, index}
<div <div
class="shadow-lg bg-[#27272A] w-full rounded-md p-4 sm:p-3 mb-5 flex flex-row items-center {index === class="shadow-lg bg-primary w-full rounded-md p-4 sm:p-3 mb-5 flex flex-row items-center {index ===
0 0
? 'mt-4' ? 'mt-4'
: ''} {index === 2 && !showFullStats && rawData?.length > 2 : ''} {index === 2 && !showFullStats && rawData?.length > 2

2
src/lib/components/CountrySegmentation.svelte
View File

@ -72,7 +72,7 @@
<!--Start Progress--> <!--Start Progress-->
{#each showFullStats ? geographicList : geographicList?.slice(0, 3) as item, index} {#each showFullStats ? geographicList : geographicList?.slice(0, 3) as item, index}
<div <div
class="shadow-lg bg-[#27272A] w-full rounded-md p-4 sm:p-3 mb-5 flex flex-row items-center {index === class="shadow-lg bg-primary w-full rounded-md p-4 sm:p-3 mb-5 flex flex-row items-center {index ===
0 0
? 'mt-4' ? 'mt-4'
: ''} {index === 2 && : ''} {index === 2 &&

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

@ -87,7 +87,7 @@
<div class="flex justify-start items-center w-full m-auto"> <div class="flex justify-start items-center w-full m-auto">
<table class="w-full" data-test="statistics-table"> <table class="w-full" data-test="statistics-table">
<tbody> <tbody>
<tr class="border-y border-gray-800 odd:bg-[#27272A]"> <tr class="border-y border-gray-800 odd:bg-secondary">
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"> <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
<span>Date</span> <span>Date</span>
</td> </td>
@ -98,7 +98,7 @@
</td> </td>
</tr> </tr>
<tr <tr
class="border-y border-gray-800 whitespace-nowrap odd:bg-[#27272A]" class="border-y border-gray-800 whitespace-nowrap odd:bg-secondary"
> >
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"> <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
<span>Total Volume</span> <span>Total Volume</span>
@ -110,7 +110,7 @@
</td> </td>
</tr> </tr>
<tr <tr
class="border-y border-gray-800 whitespace-nowrap odd:bg-[#27272A]" class="border-y border-gray-800 whitespace-nowrap odd:bg-secondary"
> >
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"> <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
<span>Avg. Short % of Volume</span> <span>Avg. Short % of Volume</span>

2
src/lib/components/DownloadData.svelte
View File

@ -55,7 +55,7 @@
<Button <Button
on:click={() => exportData("csv")} on:click={() => exportData("csv")}
class="ml-2 w-full border-gray-600 border bg-[#09090B] sm:hover:bg-[#27272A] ease-out flex flex-row justify-between items-center px-3 py-2 text-white rounded-md truncate" class="ml-2 w-full border-gray-600 border bg-[#09090B] sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2 text-white rounded-md truncate"
> >
<span class="truncate text-white">Download</span> <span class="truncate text-white">Download</span>
<svg <svg

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

@ -181,7 +181,7 @@
class="mt-5 flex flex-col m-auto items-center rounded-md w-full mb-16 p-3" class="mt-5 flex flex-col m-auto items-center rounded-md w-full mb-16 p-3"
> >
<div <div
class="shadow-lg bg-[#27272A] w-full rounded-md p-4 mb-5 flex flex-row items-center" class="shadow-lg bg-primary w-full rounded-md p-4 mb-5 flex flex-row items-center"
> >
<div class="flex flex-col -mt-2 w-full"> <div class="flex flex-col -mt-2 w-full">
<div class="flex flex-row items-center w-full"> <div class="flex flex-row items-center w-full">
@ -205,7 +205,7 @@
</div> </div>
<div <div
class="shadow-lg bg-[#27272A] w-full rounded-md p-4 mb-5 flex flex-row items-center" class="shadow-lg bg-primary w-full rounded-md p-4 mb-5 flex flex-row items-center"
> >
<div class="flex flex-col -mt-2 w-full"> <div class="flex flex-col -mt-2 w-full">
<div class="flex flex-row items-center w-full"> <div class="flex flex-row items-center w-full">
@ -229,7 +229,7 @@
</div> </div>
<div <div
class="shadow-lg bg-[#27272A] w-full rounded-md p-4 mb-5 flex flex-row items-center" class="shadow-lg bg-primary w-full rounded-md p-4 mb-5 flex flex-row items-center"
> >
<div class="flex flex-col -mt-2 w-full"> <div class="flex flex-col -mt-2 w-full">
<div class="flex flex-row items-center w-full"> <div class="flex flex-row items-center w-full">
@ -253,7 +253,7 @@
</div> </div>
<div <div
class="shadow-lg bg-[#27272A] w-full rounded-md p-4 mb-5 flex flex-row items-center" class="shadow-lg bg-primary w-full rounded-md p-4 mb-5 flex flex-row items-center"
> >
<div class="flex flex-col -mt-2 w-full"> <div class="flex flex-col -mt-2 w-full">
<div class="flex flex-row items-center w-full"> <div class="flex flex-row items-center w-full">

159
src/lib/components/ExecutiveCard.svelte
View File

@ -1,7 +1,6 @@
<script lang="ts"> <script lang="ts">
import {executiveClicked, stockTicker, clientSideCache, } from '$lib/store'; import { executiveClicked, stockTicker, clientSideCache } from "$lib/store";
import { afterUpdate } from 'svelte'; import { afterUpdate } from "svelte";
//export let executiveList; //export let executiveList;
let executiveList = []; let executiveList = [];
@ -12,41 +11,38 @@
let numberOfFemales = 0; let numberOfFemales = 0;
let numberOfMales = 0; let numberOfMales = 0;
async function fetchData() { async function fetchData() {
if ($clientSideCache[$stockTicker]?.getExecutives) {
if($clientSideCache[$stockTicker]?.getExecutives)
{
executiveList = $clientSideCache[$stockTicker]?.getExecutives; executiveList = $clientSideCache[$stockTicker]?.getExecutives;
} } else {
else { const postData = { ticker: $stockTicker, path: "get-executives" };
const postData = { ticker: $stockTicker, path: 'get-executives'}; const response = await fetch("/api/ticker-data", {
const response = await fetch('/api/ticker-data', { method: "POST",
method: 'POST',
headers: { headers: {
"Content-Type": "application/json" "Content-Type": "application/json",
}, },
body: JSON.stringify(postData) body: JSON.stringify(postData),
}); });
executiveList = await response.json(); executiveList = await response.json();
$clientSideCache[$stockTicker].getExecutives = executiveList; $clientSideCache[$stockTicker].getExecutives = executiveList;
} }
}
};
afterUpdate(async () => { afterUpdate(async () => {
if($stockTicker && typeof window !== 'undefined' && $executiveClicked === true) { if (
$stockTicker &&
typeof window !== "undefined" &&
$executiveClicked === true
) {
$executiveClicked = false; $executiveClicked = false;
await fetchData() await fetchData();
for (const executive of executiveList) { for (const executive of executiveList) {
switch (executive?.gender) { switch (executive?.gender) {
case 'female': case "female":
numberOfFemales++; numberOfFemales++;
break; break;
case 'male': case "male":
numberOfMales++; numberOfMales++;
break; break;
// Handle other gender cases if needed // Handle other gender cases if needed
@ -55,12 +51,9 @@ afterUpdate(async() => {
isLoaded = true; isLoaded = true;
} }
}) });
</script> </script>
<div class="space-y-3 sm:pt-5"> <div class="space-y-3 sm:pt-5">
<div class="bg-[#000] h-auto w-screen"> <div class="bg-[#000] h-auto w-screen">
<!--Start Header--> <!--Start Header-->
@ -69,112 +62,140 @@ afterUpdate(async() => {
Executives Executives
</h2> </h2>
<div class="{!isLoaded ? 'hidden' : ''} flex flex-col items-center mt-10 w-full"> <div
<span class="text-white text-[1rem]"> class="{!isLoaded
Female/Total Ratio ? 'hidden'
</span> : ''} flex flex-col items-center mt-10 w-full"
>
<span class="text-white text-[1rem]"> Female/Total Ratio </span>
<div class="flex flex-row justify-center items-center w-full mt-5"> <div class="flex flex-row justify-center items-center w-full mt-5">
<div class="flex flex-row items-center ml-5"> <div class="flex flex-row items-center ml-5">
<div class="h-full bg-gray-800 transform -translate-x-1/2 " aria-hidden="true"></div> <div
<div class="w-3 h-3 bg-[#0FC008] border-4 box-content border-gray-900 rounded-full transform -translate-x-1/2" aria-hidden="true"></div> class="h-full bg-gray-800 transform -translate-x-1/2"
aria-hidden="true"
></div>
<div
class="w-3 h-3 bg-[#0FC008] border-4 box-content border-gray-900 rounded-full transform -translate-x-1/2"
aria-hidden="true"
></div>
<span class="text-white text-sm font-medium inline-block"> <span class="text-white text-sm font-medium inline-block">
Female <span class="font-medium text-[0.95rem]">({numberOfFemales})</span> Female <span class="font-medium text-[0.95rem]"
>({numberOfFemales})</span
>
</span> </span>
</div> </div>
<span class="text-white font-medium text-3xl m-auto"> <span class="text-white font-medium text-3xl m-auto">
{numberOfFemales === 0 ? 0 : (numberOfFemales/(numberOfFemales+numberOfMales) *100)?.toFixed(2)}% {numberOfFemales === 0
? 0
: (
(numberOfFemales / (numberOfFemales + numberOfMales)) *
100
)?.toFixed(2)}%
</span> </span>
<div class="flex flex-row items-center mr-5"> <div class="flex flex-row items-center mr-5">
<div class="h-full bg-gray-800 transform -translate-x-1/2 " aria-hidden="true"></div> <div
<div class="w-3 h-3 bg-[#FF2F1F] border-4 box-content border-gray-900 rounded-full transform -translate-x-1/2" aria-hidden="true"></div> class="h-full bg-gray-800 transform -translate-x-1/2"
aria-hidden="true"
></div>
<div
class="w-3 h-3 bg-[#FF2F1F] border-4 box-content border-gray-900 rounded-full transform -translate-x-1/2"
aria-hidden="true"
></div>
<span class="text-white text-sm font-medium inline-block"> <span class="text-white text-sm font-medium inline-block">
Male <span class="font-medium text-[0.95rem]">({numberOfMales})</span> Male <span class="font-medium text-[0.95rem]"
>({numberOfMales})</span
>
</span> </span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!--End Header--> <!--End Header-->
{#if isLoaded} {#if isLoaded}
{#if executiveList?.length !== 0} {#if executiveList?.length !== 0}
<div class="mt-5 w-full"> <div class="mt-5 w-full">
{#each executiveList as item} {#each executiveList as item}
<!--Start Item--> <!--Start Item-->
<div class="flex flex-row items-center pl-4 pr-4 w-full mb-3"> <div class="flex flex-row items-center pl-4 pr-4 w-full mb-3">
<div class="w-full rounded-md bg-primary h-auto pb-3 pl-3 pt-3">
<div class="w-full rounded-md bg-[#27272A] h-auto pb-3 pl-3 pt-3">
<div class="flex flex-row items-center relative"> <div class="flex flex-row items-center relative">
<div class="flex flex-col"> <div class="flex flex-col">
<div class="flex flex-row items-center mr-auto mb-2 text-white font-medium text-sm w-56"> <div
class="flex flex-row items-center mr-auto mb-2 text-white font-medium text-sm w-56"
>
<span> <span>
{item?.name} {item?.name}
{#if item?.yearBorn !== null} {#if item?.yearBorn !== null}
, {(currentYear-item.yearBorn)} , {currentYear - item.yearBorn}
{/if} {/if}
</span> </span>
</div> </div>
<span class="text-gray-300 text-sm w-48"> <span class="text-gray-300 text-sm w-48">
{item?.title} {item?.title}
</span> </span>
</div> </div>
{#if item?.gender === 'male'} {#if item?.gender === "male"}
<div class="flex flex-row items-center ml-auto absolute right-3 top-0"> <div
<div class="h-full bg-[#27272A] transform -translate-x-1/2" aria-hidden="true"></div> class="flex flex-row items-center ml-auto absolute right-3 top-0"
<div class="w-2 h-2 bg-[#FF2F1F] box-content rounded-full transform -translate-x-1/2" aria-hidden="true"></div> >
<div
class="h-full bg-primary transform -translate-x-1/2"
aria-hidden="true"
></div>
<div
class="w-2 h-2 bg-[#FF2F1F] box-content rounded-full transform -translate-x-1/2"
aria-hidden="true"
></div>
<span class="text-white text-[0.85rem] inline-block"> <span class="text-white text-[0.85rem] inline-block">
Male Male
</span> </span>
</div> </div>
{:else if item?.gender === 'female'} {:else if item?.gender === "female"}
<div class="flex flex-row items-center ml-auto absolute right-3 top-0"> <div
<div class="h-full bg-[#27272A] transform -translate-x-1/2 " aria-hidden="true"></div> class="flex flex-row items-center ml-auto absolute right-3 top-0"
<div class="w-2 h-2 bg-[#0FC008] box-content rounded-full transform -translate-x-1/2" aria-hidden="true"></div> >
<div
class="h-full bg-primary transform -translate-x-1/2"
aria-hidden="true"
></div>
<div
class="w-2 h-2 bg-[#0FC008] box-content rounded-full transform -translate-x-1/2"
aria-hidden="true"
></div>
<span class="text-white text-[0.85rem] inline-block"> <span class="text-white text-[0.85rem] inline-block">
Female Female
</span> </span>
</div> </div>
{/if} {/if}
</div> </div>
</div> </div>
</div> </div>
<!--End Item--> <!--End Item-->
{/each} {/each}
</div> </div>
{:else} {:else}
<div class=" mt-20 flex justify-center items-center text-2xl font-bold text-slate-700 mb-20 m-auto"> <div
class=" mt-20 flex justify-center items-center text-2xl font-bold text-slate-700 mb-20 m-auto"
>
No data available No data available
</div> </div>
{/if} {/if}
{:else} {:else}
<div class="flex justify-center items-center h-80"> <div class="flex justify-center items-center h-80">
<div class="relative"> <div class="relative">
<label class="bg-[#09090B] rounded-xl h-14 w-14 flex justify-center items-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"> <label
<span class="loading loading-spinner loading-md text-gray-400"></span> class="bg-[#09090B] rounded-xl h-14 w-14 flex justify-center items-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
>
<span class="loading loading-spinner loading-md text-gray-400"
></span>
</label> </label>
</div> </div>
</div> </div>
{/if} {/if}
</div> </div>
</div> </div>
<!--End Similar Stocks Card --> <!--End Similar Stocks Card -->

2
src/lib/components/FOMCImpact.svelte
View File

@ -240,7 +240,7 @@
<tbody> <tbody>
{#each showFullStats ? tableList?.slice(0, 10) : tableList?.slice(0, 3) as item, index} {#each showFullStats ? tableList?.slice(0, 10) : tableList?.slice(0, 3) as item, index}
<tr <tr
class="border-y border-gray-800 odd:bg-[#27272A] {index === class="border-y border-gray-800 odd:bg-secondary {index ===
2 && 2 &&
!showFullStats && !showFullStats &&
tableList?.length > 3 tableList?.length > 3

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

@ -263,7 +263,7 @@
<div class="flex justify-start items-center w-full m-auto"> <div class="flex justify-start items-center w-full m-auto">
<table class="w-full" data-test="statistics-table"> <table class="w-full" data-test="statistics-table">
<tbody> <tbody>
<tr class="border-y border-gray-800 odd:bg-[#27272A]"> <tr class="border-y border-gray-800 odd:bg-secondary">
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"> <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
<span>Date</span> <span>Date</span>
</td> </td>
@ -273,7 +273,7 @@
{formatDateRange(rawData?.slice(-1)?.at(0)?.date)} {formatDateRange(rawData?.slice(-1)?.at(0)?.date)}
</td> </td>
</tr> </tr>
<tr class="border-y border-gray-800 odd:bg-[#27272A]"> <tr class="border-y border-gray-800 odd:bg-secondary">
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"> <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
<span>Price Range</span> <span>Price Range</span>
</td> </td>
@ -283,7 +283,7 @@
{lowestPrice + "-" + highestPrice} {lowestPrice + "-" + highestPrice}
</td> </td>
</tr> </tr>
<tr class="border-y border-gray-800 odd:bg-[#27272A]"> <tr class="border-y border-gray-800 odd:bg-secondary">
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"> <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
<span>Latest FTD</span> <span>Latest FTD</span>
</td> </td>

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

@ -135,7 +135,7 @@
<div class="p-2"> <div class="p-2">
<div <div
class="bg-[#313131] w-full min-w-24 sm:w-full relative flex flex-wrap items-center justify-center rounded-md p-1 mt-4" class="bg-secondary w-full min-w-24 sm:w-full relative flex flex-wrap items-center justify-center rounded-md p-1 mt-4"
> >
{#each tabs as item, i} {#each tabs as item, i}
<button <button
@ -162,7 +162,7 @@
<div class="p-2 mt-5 w-full h-[200px] max-h-[1000px]"> <div class="p-2 mt-5 w-full h-[200px] max-h-[1000px]">
<textarea <textarea
class="max-h-[1000px] h-[200px] textarea textarea-bordered placeholder-gray-300 w-full bg-[#27272A] ring-1 text-white border border-gray-600" class="max-h-[1000px] h-[200px] textarea textarea-bordered placeholder-gray-300 w-full bg-primary ring-1 text-white border border-gray-600"
placeholder="Your feedback..." placeholder="Your feedback..."
value={inputValue} value={inputValue}
on:input={handleInput} on:input={handleInput}

2
src/lib/components/FinancialTable.svelte
View File

@ -5,7 +5,7 @@
</script> </script>
{#each fields as { label, key }} {#each fields as { label, key }}
<tr class="text-white odd:bg-[#27272A] whitespace-nowrap"> <tr class="text-white odd:bg-secondary whitespace-nowrap">
<td <td
class="text-start border-r border-gray-700 text-white text-sm sm:text-[1rem]" class="text-start border-r border-gray-700 text-white text-sm sm:text-[1rem]"
> >

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

@ -32,7 +32,7 @@
> >
<!--Start Flow Sentiment--> <!--Start Flow Sentiment-->
<div <div
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-[#27272A] shadow-lg rounded-md h-20" class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-primary shadow-lg rounded-md h-20"
> >
<div class="flex flex-col items-start"> <div class="flex flex-col items-start">
<span class="font-medium text-gray-200 text-sm" <span class="font-medium text-gray-200 text-sm"
@ -68,7 +68,7 @@
<!--End Flow Sentiment--> <!--End Flow Sentiment-->
<!--Start Put/Call--> <!--Start Put/Call-->
<div <div
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-[#27272A] shadow-lg rounded-md h-20" class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-primary shadow-lg rounded-md h-20"
> >
<div class="flex flex-col items-start"> <div class="flex flex-col items-start">
<span class="font-medium text-gray-200 text-sm">Accuracy</span> <span class="font-medium text-gray-200 text-sm">Accuracy</span>
@ -130,7 +130,7 @@
<!--Start Precision--> <!--Start Precision-->
<div <div
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-[#27272A] shadow-lg rounded-md h-20" class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-primary shadow-lg rounded-md h-20"
> >
<div class="flex flex-col items-start"> <div class="flex flex-col items-start">
<span class="font-medium text-gray-200 text-sm">Precision</span> <span class="font-medium text-gray-200 text-sm">Precision</span>

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

@ -31,7 +31,7 @@
</div> </div>
<select <select
class="mt-5 mb-5 sm:mb-0 sm:mt-3 ml-1 w-44 select select-bordered select-sm p-0 pl-5 overflow-y-auto bg-[#313131]" class="mt-5 mb-5 sm:mb-0 sm:mt-3 ml-1 w-44 select select-bordered select-sm p-0 pl-5 overflow-y-auto bg-secondary"
on:change={changeStatement} on:change={changeStatement}
> >
<option disabled>Choose IV Period</option> <option disabled>Choose IV Period</option>
@ -112,7 +112,7 @@
<div class="flex justify-start items-center w-full m-auto"> <div class="flex justify-start items-center w-full m-auto">
<table class="w-full" data-test="statistics-table"> <table class="w-full" data-test="statistics-table">
<tbody> <tbody>
<tr class="border-y border-gray-800 odd:bg-[#27272A]"> <tr class="border-y border-gray-800 odd:bg-secondary">
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"> <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
<span>Date</span> <span>Date</span>
</td> </td>
@ -122,7 +122,7 @@
{formatDateRange(rawData?.slice(-1)?.at(0)?.date)} {formatDateRange(rawData?.slice(-1)?.at(0)?.date)}
</td> </td>
</tr> </tr>
<tr class="border-y border-gray-800 odd:bg-[#27272A]"> <tr class="border-y border-gray-800 odd:bg-secondary">
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"> <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
<span>IV Range</span> <span>IV Range</span>
</td> </td>
@ -132,7 +132,7 @@
{lowestIV + "%" + "-" + highestIV + "%"} {lowestIV + "%" + "-" + highestIV + "%"}
</td> </td>
</tr> </tr>
<tr class="border-y border-gray-800 odd:bg-[#27272A]"> <tr class="border-y border-gray-800 odd:bg-secondary">
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"> <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
<span>RV Range</span> <span>RV Range</span>
</td> </td>

7
src/lib/components/Indicator.svelte
View File

@ -4,7 +4,6 @@
import { onMount } from "svelte"; import { onMount } from "svelte";
import { indicatorData } from "$lib/store"; import { indicatorData } from "$lib/store";
export let data; export let data;
export let checkedItems; export let checkedItems;
export let ruleOfList; export let ruleOfList;
@ -144,7 +143,7 @@
); );
downloadWorker = new DownloadWorker.default(); downloadWorker = new DownloadWorker.default();
downloadWorker.onmessage = handleDownloadMessage; downloadWorker.onmessage = handleDownloadMessage;
console.log('initialize') console.log("initialize");
} }
} catch (e) { } catch (e) {
console.log(e); console.log(e);
@ -156,7 +155,7 @@
<DropdownMenu.Trigger asChild let:builder> <DropdownMenu.Trigger asChild let:builder>
<Button <Button
builders={[builder]} builders={[builder]}
class="sm:ml-auto min-w-[110px] w-full sm:w-fit border-gray-600 border bg-[#09090B] sm:hover:bg-[#27272A] ease-out flex flex-row justify-between items-center px-3 py-2.5 text-white rounded-md truncate" class="sm:ml-auto min-w-[110px] w-full sm:w-fit border-gray-600 border bg-[#09090B] sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2.5 text-white rounded-md truncate"
> >
<span class="truncate text-white text-sm sm:text-[1rem]">Indicators</span> <span class="truncate text-white text-sm sm:text-[1rem]">Indicators</span>
<svg <svg
@ -224,7 +223,7 @@
<DropdownMenu.Group class="pb-2"> <DropdownMenu.Group class="pb-2">
<!-- Added padding to avoid overlapping with Reset button --> <!-- Added padding to avoid overlapping with Reset button -->
{#each searchQuery?.length !== 0 ? testList : allRows as item} {#each searchQuery?.length !== 0 ? testList : allRows as item}
<DropdownMenu.Item class="sm:hover:bg-[#27272A]"> <DropdownMenu.Item class="sm:hover:bg-primary">
<div class="flex items-center"> <div class="flex items-center">
{#if data?.user?.tier === "Pro" || excludedRules?.has(item?.rule)} {#if data?.user?.tier === "Pro" || excludedRules?.has(item?.rule)}
<label <label

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

@ -97,7 +97,7 @@
{#each displayList as item} {#each displayList as item}
<!-- row --> <!-- row -->
<tr <tr
class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B]" class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-secondary border-b-[#09090B]"
> >
<td <td
class="font-medium text-sm sm:text-[1rem] whitespace-nowrap border-b-[#09090B]" class="font-medium text-sm sm:text-[1rem] whitespace-nowrap border-b-[#09090B]"

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

@ -129,7 +129,7 @@
{#if type === "file"} {#if type === "file"}
<label <label
for={id} for={id}
class="flex flex-col items-center bg-[#313131] rounded-md cursor-pointer {inputValue.length === class="flex flex-col items-center bg-secondary rounded-md cursor-pointer {inputValue.length ===
0 0
? 'p-10' ? 'p-10'
: ''} {isHovering ? 'ring-2' : ''}" : ''} {isHovering ? 'ring-2' : ''}"
@ -229,7 +229,7 @@
</label> </label>
{:else} {:else}
<input <input
class="input input-bordered w-full bg-[#313131] placeholder-gray-300 text-white whitespace-normal ring-2" class="input input-bordered w-full bg-secondary placeholder-gray-300 text-white whitespace-normal ring-2"
{type} {type}
{placeholder} {placeholder}
{required} {required}

29
src/lib/components/LoginPopup.svelte
View File

@ -1,4 +1,3 @@
<script lang="ts"> <script lang="ts">
import { enhance } from "$app/forms"; import { enhance } from "$app/forms";
import toast from "svelte-french-toast"; import toast from "svelte-french-toast";
@ -228,7 +227,7 @@ const output = await response.json();
on:click={() => (oauthLoading = !oauthLoading)} on:click={() => (oauthLoading = !oauthLoading)}
on:mouseenter={handleHoverGoogle} on:mouseenter={handleHoverGoogle}
on:mouseleave={handleHoverGoogle} on:mouseleave={handleHoverGoogle}
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-[#313131] text-white" class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
> >
<svg <svg
class="{isHoveredGoogle class="{isHoveredGoogle
@ -277,7 +276,7 @@ const output = await response.json();
on:click={() => (oauthLoading = !oauthLoading)} on:click={() => (oauthLoading = !oauthLoading)}
on:mouseenter={handleHoverDiscord} on:mouseenter={handleHoverDiscord}
on:mouseleave={handleHoverDiscord} on:mouseleave={handleHoverDiscord}
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-[#313131] text-white" class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
> >
<svg <svg
class="{isHoveredDiscord class="{isHoveredDiscord
@ -811,7 +810,7 @@ const output = await response.json();
on:click={() => (oauthLoading = !oauthLoading)} on:click={() => (oauthLoading = !oauthLoading)}
on:mouseenter={handleHoverGithub} on:mouseenter={handleHoverGithub}
on:mouseleave={handleHoverGithub} on:mouseleave={handleHoverGithub}
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-[#313131] text-white" class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
> >
<svg <svg
class="{isHoveredGithub class="{isHoveredGithub
@ -922,7 +921,7 @@ const output = await response.json();
on:click={() => (oauthLoading = !oauthLoading)} on:click={() => (oauthLoading = !oauthLoading)}
on:mouseenter={handleHoverGoogle} on:mouseenter={handleHoverGoogle}
on:mouseleave={handleHoverGoogle} on:mouseleave={handleHoverGoogle}
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-[#313131] text-white" class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
> >
<svg <svg
class="{isHoveredGoogle class="{isHoveredGoogle
@ -971,7 +970,7 @@ const output = await response.json();
on:click={() => (oauthLoading = !oauthLoading)} on:click={() => (oauthLoading = !oauthLoading)}
on:mouseenter={handleHoverDiscord} on:mouseenter={handleHoverDiscord}
on:mouseleave={handleHoverDiscord} on:mouseleave={handleHoverDiscord}
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-[#313131] text-white" class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
> >
<svg <svg
class="{isHoveredDiscord class="{isHoveredDiscord
@ -1505,7 +1504,7 @@ const output = await response.json();
on:click={() => (oauthLoading = !oauthLoading)} on:click={() => (oauthLoading = !oauthLoading)}
on:mouseenter={handleHoverGithub} on:mouseenter={handleHoverGithub}
on:mouseleave={handleHoverGithub} on:mouseleave={handleHoverGithub}
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-[#313131] text-white" class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
> >
<svg <svg
class="{isHoveredGithub class="{isHoveredGithub
@ -1637,7 +1636,7 @@ const output = await response.json();
<div class="w-full max-w-lg pt-5 m-auto pb-5"> <div class="w-full max-w-lg pt-5 m-auto pb-5">
<button <button
type="submit" type="submit"
class="btn bg-[#09090B] border border-gray-600 sm:hover:bg-[#313131] text-white btn-md w-full rounded-md m-auto text-white font-semibold text-md" class="btn bg-[#09090B] border border-gray-600 sm:hover:bg-secondary text-white btn-md w-full rounded-md m-auto text-white font-semibold text-md"
> >
Login Login
</button> </button>
@ -1655,7 +1654,7 @@ const output = await response.json();
on:click={() => (oauthLoading = !oauthLoading)} on:click={() => (oauthLoading = !oauthLoading)}
on:mouseenter={handleHoverGoogle} on:mouseenter={handleHoverGoogle}
on:mouseleave={handleHoverGoogle} on:mouseleave={handleHoverGoogle}
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-[#313131] text-white" class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
> >
<svg <svg
class="{isHoveredGoogle class="{isHoveredGoogle
@ -1704,7 +1703,7 @@ const output = await response.json();
on:click={() => (oauthLoading = !oauthLoading)} on:click={() => (oauthLoading = !oauthLoading)}
on:mouseenter={handleHoverDiscord} on:mouseenter={handleHoverDiscord}
on:mouseleave={handleHoverDiscord} on:mouseleave={handleHoverDiscord}
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-[#313131] text-white" class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
> >
<svg <svg
class="{isHoveredDiscord class="{isHoveredDiscord
@ -2238,7 +2237,7 @@ const output = await response.json();
on:click={() => (oauthLoading = !oauthLoading)} on:click={() => (oauthLoading = !oauthLoading)}
on:mouseenter={handleHoverGithub} on:mouseenter={handleHoverGithub}
on:mouseleave={handleHoverGithub} on:mouseleave={handleHoverGithub}
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-[#313131] text-white" class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
> >
<svg <svg
class="{isHoveredGithub class="{isHoveredGithub
@ -2319,7 +2318,7 @@ const output = await response.json();
<div class="w-full max-w-lg pt-5 m-auto pb-3"> <div class="w-full max-w-lg pt-5 m-auto pb-3">
<button <button
type="submit" type="submit"
class="btn bg-[#09090B] border border-gray-600 sm:hover:bg-[#313131] text-white btn-md w-full rounded-md m-auto font-semibold text-md" class="btn bg-[#09090B] border border-gray-600 sm:hover:bg-secondary text-white btn-md w-full rounded-md m-auto font-semibold text-md"
> >
Register Register
</button> </button>
@ -2338,7 +2337,7 @@ const output = await response.json();
on:click={() => (oauthLoading = !oauthLoading)} on:click={() => (oauthLoading = !oauthLoading)}
on:mouseenter={handleHoverGoogle} on:mouseenter={handleHoverGoogle}
on:mouseleave={handleHoverGoogle} on:mouseleave={handleHoverGoogle}
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-[#313131] text-white" class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
> >
<svg <svg
class="{isHoveredGoogle class="{isHoveredGoogle
@ -2387,7 +2386,7 @@ const output = await response.json();
on:click={() => (oauthLoading = !oauthLoading)} on:click={() => (oauthLoading = !oauthLoading)}
on:mouseenter={handleHoverDiscord} on:mouseenter={handleHoverDiscord}
on:mouseleave={handleHoverDiscord} on:mouseleave={handleHoverDiscord}
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-[#313131] text-white" class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
> >
<svg <svg
class="{isHoveredDiscord class="{isHoveredDiscord
@ -2921,7 +2920,7 @@ const output = await response.json();
on:click={() => (oauthLoading = !oauthLoading)} on:click={() => (oauthLoading = !oauthLoading)}
on:mouseenter={handleHoverGithub} on:mouseenter={handleHoverGithub}
on:mouseleave={handleHoverGithub} on:mouseleave={handleHoverGithub}
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-[#313131] text-white" class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
> >
<svg <svg
class="{isHoveredGithub class="{isHoveredGithub

10
src/lib/components/MarketMaker.svelte
View File

@ -88,7 +88,7 @@
<div class="flex justify-start items-center w-full m-auto"> <div class="flex justify-start items-center w-full m-auto">
<table class="w-full" data-test="statistics-table"> <table class="w-full" data-test="statistics-table">
<tbody> <tbody>
<tr class="border-y border-gray-800 odd:bg-[#27272A]"> <tr class="border-y border-gray-800 odd:bg-secondary">
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"> <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
<span>Date</span> <span>Date</span>
</td> </td>
@ -98,7 +98,7 @@
{formatDateRange(historyData?.slice(-1)?.at(0)?.date)} {formatDateRange(historyData?.slice(-1)?.at(0)?.date)}
</td> </td>
</tr> </tr>
<tr class="border-y border-gray-800 odd:bg-[#27272A]"> <tr class="border-y border-gray-800 odd:bg-secondary">
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"> <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
<span>Total Notional Sum</span> <span>Total Notional Sum</span>
</td> </td>
@ -110,7 +110,7 @@
)} )}
</td> </td>
</tr> </tr>
<tr class="border-y border-gray-800 odd:bg-[#27272A]"> <tr class="border-y border-gray-800 odd:bg-secondary">
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"> <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
<span>Total Trade Count</span> <span>Total Trade Count</span>
</td> </td>
@ -122,7 +122,7 @@
)} )}
</td> </td>
</tr> </tr>
<tr class="border-y border-gray-800 odd:bg-[#27272A]"> <tr class="border-y border-gray-800 odd:bg-secondary">
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"> <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
<span>Total Share Quantity</span> <span>Total Share Quantity</span>
</td> </td>
@ -173,7 +173,7 @@
<tbody> <tbody>
{#each showFullStats ? topMarketMakers?.slice(0, 10) : topMarketMakers?.slice(0, 3) as item, index} {#each showFullStats ? topMarketMakers?.slice(0, 10) : topMarketMakers?.slice(0, 3) as item, index}
<tr <tr
class="border-y border-gray-800 odd:bg-[#27272A] {index === class="border-y border-gray-800 odd:bg-secondary {index ===
2 && 2 &&
!showFullStats && !showFullStats &&
topMarketMakers?.length > 3 topMarketMakers?.length > 3

36
src/lib/components/Markethour.svelte
View File

@ -51,17 +51,17 @@
<!-- svelte-ignore a11y-label-has-associated-control --> <!-- svelte-ignore a11y-label-has-associated-control -->
<label <label
class="modal-box w-full relative bg-[#27272A] border border-gray-800 h-auto" class="modal-box w-full relative bg-primary border border-gray-800 h-auto"
> >
<label <label
for="marketHour" for="marketHour"
class="cursor-pointer absolute right-5 top-2 bg-[#27272A] text-2xl text-white" class="cursor-pointer absolute right-5 top-2 bg-primary text-2xl text-white"
> >
✕ ✕
</label> </label>
<h3 class="text-2xl font-bold text-white">Opening Hours</h3> <h3 class="text-2xl font-bold text-white">Opening Hours</h3>
<p class="py-4 text-gray-200 bg-[#27272A] w-full"> <p class="py-4 text-gray-200 bg-primary w-full">
The New York Stock Exchange, one of the largest stock exchanges in the The New York Stock Exchange, one of the largest stock exchanges in the
world, operates on a regular trading schedule. Its trading hours are from <span world, operates on a regular trading schedule. Its trading hours are from <span
class="text-white font-semibold underline">9:30</span class="text-white font-semibold underline">9:30</span
@ -75,57 +75,57 @@
</p> </p>
<table <table
class="table table-sm table-compact bg-[#27272A] w-full mt-5 mb-10 text-white" class="table table-sm table-compact bg-primary w-full mt-5 mb-10 text-white"
> >
<!-- head --> <!-- head -->
<thead> <thead>
<tr class="border-b border-slate-700 odd:bg-[#27272A]"> <tr class="border-b border-slate-700 odd:bg-secondary">
<th class="bg-[#27272A] text-white text-sm font-semibold"> <th class="bg-primary text-white text-sm font-semibold">
Exchange holidays Exchange holidays
</th> </th>
<th class="bg-[#27272A] text-white text-sm font-semibold"> Date </th> <th class="bg-primary text-white text-sm font-semibold"> Date </th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<!-- row 1 --> <!-- row 1 -->
<tr class="border-b border-slate-700 odd:bg-[#27272A]"> <tr class="border-b border-slate-700 odd:bg-secondary">
<td class="font-semibold"> New Years Day</td> <td class="font-semibold"> New Years Day</td>
<td class="">01.01.2024</td> <td class="">01.01.2024</td>
</tr> </tr>
<!-- row 2 --> <!-- row 2 -->
<tr class="border-b border-slate-700 odd:bg-[#27272A]"> <tr class="border-b border-slate-700 odd:bg-secondary">
<td class="font-semibold">Martin Luther King, Jr. Day</td> <td class="font-semibold">Martin Luther King, Jr. Day</td>
<td class="">15.01.2024</td> <td class="">15.01.2024</td>
</tr> </tr>
<tr class="border-b border-slate-700 odd:bg-[#27272A]"> <tr class="border-b border-slate-700 odd:bg-secondary">
<td class="font-semibold">Washington's Birthday</td> <td class="font-semibold">Washington's Birthday</td>
<td class="">19.02.2024</td> <td class="">19.02.2024</td>
</tr> </tr>
<tr class="border-b border-slate-700 odd:bg-[#27272A]"> <tr class="border-b border-slate-700 odd:bg-secondary">
<td class="font-semibold"> Good Friday </td> <td class="font-semibold"> Good Friday </td>
<td class="bg-[#27272A]">29.03.2024</td> <td class="bg-primary">29.03.2024</td>
</tr> </tr>
<tr class="border-b border-slate-700 odd:bg-[#27272A]"> <tr class="border-b border-slate-700 odd:bg-secondary">
<td class="font-semibold">Memorial Day</td> <td class="font-semibold">Memorial Day</td>
<td class="">27.05.2024</td> <td class="">27.05.2024</td>
</tr> </tr>
<tr class="border-b border-slate-700 odd:bg-[#27272A]"> <tr class="border-b border-slate-700 odd:bg-secondary">
<td class="font-semibold">Juneteenth National Independence Day</td> <td class="font-semibold">Juneteenth National Independence Day</td>
<td class="">19.06.2024</td> <td class="">19.06.2024</td>
</tr> </tr>
<tr class="border-b border-slate-700 odd:bg-[#27272A]"> <tr class="border-b border-slate-700 odd:bg-secondary">
<td class="font-semibold">Independence Day</td> <td class="font-semibold">Independence Day</td>
<td class="">04.07.2024</td> <td class="">04.07.2024</td>
</tr> </tr>
<tr class="border-b border-slate-700 odd:bg-[#27272A]"> <tr class="border-b border-slate-700 odd:bg-secondary">
<td class="font-semibold">Labor Day</td> <td class="font-semibold">Labor Day</td>
<td class="">02.09.2024</td> <td class="">02.09.2024</td>
</tr> </tr>
<tr class="border-b border-slate-700 odd:bg-[#27272A]"> <tr class="border-b border-slate-700 odd:bg-secondary">
<td class="font-semibold">Thanksgiving Day</td> <td class="font-semibold">Thanksgiving Day</td>
<td class="">28.11.2024</td> <td class="">28.11.2024</td>
</tr> </tr>
<tr class="odd:bg-[#27272A]"> <tr class="odd:bg-secondary">
<td class="font-semibold">Christmas</td> <td class="font-semibold">Christmas</td>
<td class="">25.12.2024</td> <td class="">25.12.2024</td>
</tr> </tr>

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

@ -254,7 +254,7 @@
<!--Start Quill Editor--> <!--Start Quill Editor-->
<div class="{!loadingEditor ? 'hidden' : ''} mt-3 pl-7 pr-7"> <div class="{!loadingEditor ? 'hidden' : ''} mt-3 pl-7 pr-7">
<div <div
class="quill-editor min-h-[96px] h-[120px] resize-none focus-none ring-none rounded-none bg-[#313131] text-white" class="quill-editor min-h-[96px] h-[120px] resize-none focus-none ring-none rounded-none bg-secondary text-white"
> >
<select class="ql-header" aria-label="Header" title="Header"> <select class="ql-header" aria-label="Header" title="Header">
<option selected></option> <option selected></option>
@ -266,7 +266,7 @@
placeholder="Loading editor..." placeholder="Loading editor..."
class="{loadingEditor class="{loadingEditor
? 'hidden' ? 'hidden'
: ''} min-h-[96px] h-[120px] text-sm italic w-full resize-none focus-none ring-none rounded-none bg-[#313131] text-white" : ''} min-h-[96px] h-[120px] text-sm italic w-full resize-none focus-none ring-none rounded-none bg-secondary text-white"
></textarea> ></textarea>
<!--End Quill Editor--> <!--End Quill Editor-->

2
src/lib/components/NotificationBell.svelte
View File

@ -15,7 +15,7 @@
<a <a
href="/notifications" href="/notifications"
on:click={toggle} on:click={toggle}
class="text-gray-300 sm:hover:text-white cursor-pointer sm:hover:bg-[#27272A] relative border p-2 rounded-md border-gray-600 ml-3 -mr-1" class="text-gray-300 sm:hover:text-white cursor-pointer sm:hover:bg-primary relative border p-2 rounded-md border-gray-600 ml-3 -mr-1"
> >
<Bell class="h-[20px] w-[20px]" /> <Bell class="h-[20px] w-[20px]" />

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

@ -154,7 +154,7 @@
{#if isLoaded} {#if isLoaded}
<div class="flex flex-row items-end justify-between"> <div class="flex flex-row items-end justify-between">
<select <select
class="mt-5 sm:mb-0 ml-1 w-36 select select-bordered select-sm p-0 pl-5 bg-[#313131]" class="mt-5 sm:mb-0 ml-1 w-36 select select-bordered select-sm p-0 pl-5 bg-secondary"
on:change={changeStatement} on:change={changeStatement}
> >
<option disabled>Choose a time period</option> <option disabled>Choose a time period</option>

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

@ -162,7 +162,7 @@
> >
<!--Start Flow Sentiment--> <!--Start Flow Sentiment-->
<div <div
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-[#27272A] shadow-lg rounded-md h-20" class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-primary shadow-lg rounded-md h-20"
> >
<div class="flex flex-col items-start"> <div class="flex flex-col items-start">
<span class="font-medium text-gray-200 text-sm" <span class="font-medium text-gray-200 text-sm"
@ -180,7 +180,7 @@
<!--End Flow Sentiment--> <!--End Flow Sentiment-->
<!--Start Put/Call--> <!--Start Put/Call-->
<div <div
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-[#27272A] shadow-lg rounded-md h-20" class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-primary shadow-lg rounded-md h-20"
> >
<div class="flex flex-col items-start"> <div class="flex flex-col items-start">
<span class="font-medium text-gray-200 text-sm" <span class="font-medium text-gray-200 text-sm"
@ -239,7 +239,7 @@
<!--Start mape--> <!--Start mape-->
<div <div
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-[#27272A] shadow-lg rounded-md h-20" class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-primary shadow-lg rounded-md h-20"
> >
<div class="flex flex-col items-start"> <div class="flex flex-col items-start">
<span class="font-medium text-gray-200 text-sm">MAPE</span> <span class="font-medium text-gray-200 text-sm">MAPE</span>

2
src/lib/components/Pricing.svelte
View File

@ -244,7 +244,7 @@
<!-- Pricing Card --> <!-- Pricing Card -->
<div <div
class="sm:order-2 rounded-md box sm:-mt-10 flex flex-col p-6 lg:p-8 mx-auto w-full text-center text-white bg-[#27272A]" class="sm:order-2 rounded-md box sm:-mt-10 flex flex-col p-6 lg:p-8 mx-auto w-full text-center text-white bg-primary"
> >
<div class="{!mode ? 'hidden' : ''} ribbon ribbon-top-right"> <div class="{!mode ? 'hidden' : ''} ribbon ribbon-top-right">
<span class="text-white">Discount</span> <span class="text-white">Discount</span>

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

@ -275,8 +275,8 @@
<label <label
on:click={() => (timePeriod = item)} on:click={() => (timePeriod = item)}
class="px-4 py-2 {timePeriod === item class="px-4 py-2 {timePeriod === item
? 'bg-[#27272A]' ? 'bg-primary'
: ''} sm:hover:bg-[#27272A] border border-gray-600 text-white rounded-md cursor-pointer" : ''} sm:hover:bg-primary border border-gray-600 text-white rounded-md cursor-pointer"
> >
{item} {item}
</label> </label>
@ -305,7 +305,7 @@
<div class="flex justify-center items-center h-80"> <div class="flex justify-center items-center h-80">
<div class="relative"> <div class="relative">
<label <label
class="bg-[#27272A] rounded-md h-14 w-14 flex justify-center items-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2" class="bg-primary rounded-md h-14 w-14 flex justify-center items-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
> >
<span <span
class="loading loading-spinner loading-md sm:loading-[1rem] text-gray-400" class="loading loading-spinner loading-md sm:loading-[1rem] text-gray-400"

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

@ -272,7 +272,7 @@
<div class="flex justify-start items-center w-full m-auto mt-6"> <div class="flex justify-start items-center w-full m-auto mt-6">
<table class="w-full" data-test="statistics-table"> <table class="w-full" data-test="statistics-table">
<tbody> <tbody>
<tr class="border-y border-gray-800 odd:bg-[#27272A]"> <tr class="border-y border-gray-800 odd:bg-secondary">
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"> <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
<span>Date</span> <span>Date</span>
</td> </td>
@ -282,7 +282,7 @@
{formatDateRange(rawData?.lastDate)} {formatDateRange(rawData?.lastDate)}
</td> </td>
</tr> </tr>
<tr class="border-y border-gray-800 odd:bg-[#27272A]"> <tr class="border-y border-gray-800 odd:bg-secondary">
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"> <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
<span>Volume in $</span> <span>Volume in $</span>
</td> </td>
@ -292,7 +292,7 @@
{monthlyVolume} {monthlyVolume}
</td> </td>
</tr> </tr>
<tr class="border-y border-gray-800 odd:bg-[#27272A]"> <tr class="border-y border-gray-800 odd:bg-secondary">
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"> <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
<span>Retail Sentiment Range</span> <span>Retail Sentiment Range</span>
</td> </td>

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

@ -241,7 +241,7 @@
<!--Start Progress--> <!--Start Progress-->
{#each showFullStats ? geographicList : geographicList?.slice(0, 3) as item, index} {#each showFullStats ? geographicList : geographicList?.slice(0, 3) as item, index}
<div <div
class="shadow-lg bg-[#27272A] w-full rounded-md p-4 sm:p-3 mb-5 flex flex-row items-center {index === class="shadow-lg bg-primary w-full rounded-md p-4 sm:p-3 mb-5 flex flex-row items-center {index ===
0 0
? 'mt-4' ? 'mt-4'
: ''} {index === 2 && : ''} {index === 2 &&
@ -251,7 +251,7 @@
: ''}" : ''}"
> >
<div <div
class="mr-3 rounded-full w-8 h-8 sm:w-10 sm:h-10 relative bg-[#27272A]" class="mr-3 rounded-full w-8 h-8 sm:w-10 sm:h-10 relative bg-primary"
> >
{#if item?.name?.toLowerCase() === "europe"} {#if item?.name?.toLowerCase() === "europe"}
<svg <svg

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

@ -120,9 +120,9 @@
</h2> </h2>
<div class="w-11/12 mt-5"> <div class="w-11/12 mt-5">
<div class="relative right-0 bg-[#27272A] rounded-md"> <div class="relative right-0 bg-primary rounded-md">
<Tabs.Root value="eightK" class="w-full"> <Tabs.Root value="eightK" class="w-full">
<Tabs.List class="grid w-full grid-cols-3 bg-[#27272A]"> <Tabs.List class="grid w-full grid-cols-3 bg-primary">
<Tabs.Trigger on:click={() => changeSECType("8-K")} value="eightK" <Tabs.Trigger on:click={() => changeSECType("8-K")} value="eightK"
>8-K</Tabs.Trigger >8-K</Tabs.Trigger
> >
@ -143,7 +143,7 @@
<div class="mt-5 w-full"> <div class="mt-5 w-full">
{#each displayList as item} {#each displayList as item}
<div <div
class="flex flex-col justify-center m-auto items-start rounded-md bg-[#27272A] shadow-lg h-auto w-11/12 mb-3" class="flex flex-col justify-center m-auto items-start rounded-md bg-primary shadow-lg h-auto w-11/12 mb-3"
transition:fade={{ delay: 0, duration: 80 }} transition:fade={{ delay: 0, duration: 80 }}
in={accordionOpen[item?.year]} in={accordionOpen[item?.year]}
> >

18
src/lib/components/Searchbar.svelte
View File

@ -270,7 +270,7 @@
<label <label
for="searchBarModal" for="searchBarModal"
class="cursor-pointer p-2 sm:hover:bg-[#27272A] text-gray-300 sm:hover:text-white flex-shrink-0 flex items-center justify-center border border-gray-600 rounded-md" class="cursor-pointer p-2 sm:hover:bg-primary text-gray-300 sm:hover:text-white flex-shrink-0 flex items-center justify-center border border-gray-600 rounded-md"
> >
<Search class="h-[20px] w-[20px]" /> <Search class="h-[20px] w-[20px]" />
</label> </label>
@ -346,8 +346,8 @@
href={`/${item?.type === "ETF" ? "etf" : item?.type === "Crypto" ? "crypto" : "stocks"}/${item?.symbol}`} href={`/${item?.type === "ETF" ? "etf" : item?.type === "Crypto" ? "crypto" : "stocks"}/${item?.symbol}`}
on:click={() => popularTicker(item?.symbol)} on:click={() => popularTicker(item?.symbol)}
class="mb-2 {item?.symbol === focusedSuggestion class="mb-2 {item?.symbol === focusedSuggestion
? 'shake-ticker cursor-pointer flex justify-start items-center p-2 text-white bg-[#27272A] rounded group' ? 'shake-ticker cursor-pointer flex justify-start items-center p-2 text-white bg-primary rounded group'
: 'shake-ticker cursor-pointer bg-[#09090B] sm:hover:bg-[#27272A] rounded-md flex justify-start items-center p-2 text-white group'} w-full" : 'shake-ticker cursor-pointer bg-[#09090B] sm:hover:bg-primary rounded-md flex justify-start items-center p-2 text-white group'} w-full"
> >
<div class="flex flex-row items-center w-full"> <div class="flex flex-row items-center w-full">
<div <div
@ -388,8 +388,8 @@
href={`/${item?.type === "ETF" ? "etf" : item?.type === "Crypto" ? "crypto" : "stocks"}/${item?.symbol}`} href={`/${item?.type === "ETF" ? "etf" : item?.type === "Crypto" ? "crypto" : "stocks"}/${item?.symbol}`}
on:click={() => searchBarTicker(item?.symbol)} on:click={() => searchBarTicker(item?.symbol)}
class="mb-2 {item?.symbol === focusedSuggestion class="mb-2 {item?.symbol === focusedSuggestion
? 'shake-ticker cursor-pointer flex justify-start items-center p-2 text-white bg-[#27272A] rounded group' ? 'shake-ticker cursor-pointer flex justify-start items-center p-2 text-white bg-primary rounded group'
: 'cursor-pointer mb-2 bg-[#09090B] sm:hover:bg-[#27272A] rounded-md flex justify-start items-center p-2 text-white group'}" : 'cursor-pointer mb-2 bg-[#09090B] sm:hover:bg-primary rounded-md flex justify-start items-center p-2 text-white group'}"
> >
<div class="flex flex-row items-center w-full"> <div class="flex flex-row items-center w-full">
<div class="flex flex-col"> <div class="flex flex-col">
@ -411,7 +411,7 @@
{:else if showSuggestions && searchBarData?.length === 0} {:else if showSuggestions && searchBarData?.length === 0}
<li> <li>
<label <label
class="flex items-center p-2 text-white hover:text-white hover:bg-[#27272A] rounded group" class="flex items-center p-2 text-white hover:text-white hover:bg-primary rounded group"
> >
<svg <svg
class="w-3 h-3 fill-slate-400 shrink-0 mr-3 dark:fill-slate-500" class="w-3 h-3 fill-slate-400 shrink-0 mr-3 dark:fill-slate-500"
@ -517,7 +517,7 @@
href={`/${item?.type === "ETF" ? "etf" : item?.type === "Crypto" ? "crypto" : "stocks"}/${item?.symbol}`} href={`/${item?.type === "ETF" ? "etf" : item?.type === "Crypto" ? "crypto" : "stocks"}/${item?.symbol}`}
on:click={() => popularTicker(item?.symbol)} on:click={() => popularTicker(item?.symbol)}
class="mb-2 {item?.symbol === focusedSuggestion class="mb-2 {item?.symbol === focusedSuggestion
? 'shake-ticker cursor-pointer flex justify-start items-center p-2 text-white bg-[#27272A] rounded group' ? 'shake-ticker cursor-pointer flex justify-start items-center p-2 text-white bg-primary rounded group'
: 'cursor-pointer bg-[#09090B] bg-opacity-[0.4] rounded-md flex justify-start items-center p-2 text-white group'} w-full" : 'cursor-pointer bg-[#09090B] bg-opacity-[0.4] rounded-md flex justify-start items-center p-2 text-white group'} w-full"
> >
<div class="flex flex-row items-center w-full"> <div class="flex flex-row items-center w-full">
@ -559,7 +559,7 @@
href={`/${item?.type === "ETF" ? "etf" : item?.type === "Crypto" ? "crypto" : "stocks"}/${item?.symbol}`} href={`/${item?.type === "ETF" ? "etf" : item?.type === "Crypto" ? "crypto" : "stocks"}/${item?.symbol}`}
on:click={() => searchBarTicker(item?.symbol)} on:click={() => searchBarTicker(item?.symbol)}
class="mb-2 {item?.symbol === focusedSuggestion class="mb-2 {item?.symbol === focusedSuggestion
? 'shake-ticker cursor-pointer flex justify-start items-center p-2 text-white bg-[#27272A] rounded group' ? 'shake-ticker cursor-pointer flex justify-start items-center p-2 text-white bg-primary rounded group'
: 'cursor-pointer mb-2 bg-[#09090B] bg-opacity-[0.4] rounded-md flex justify-start items-center p-2 text-white group'}" : 'cursor-pointer mb-2 bg-[#09090B] bg-opacity-[0.4] rounded-md flex justify-start items-center p-2 text-white group'}"
> >
<div class="flex flex-row items-center w-full"> <div class="flex flex-row items-center w-full">
@ -582,7 +582,7 @@
{:else if showSuggestions && searchBarData?.length === 0} {:else if showSuggestions && searchBarData?.length === 0}
<li> <li>
<label <label
class="flex items-center p-2 text-white hover:text-white hover:bg-[#27272A] rounded group" class="flex items-center p-2 text-white hover:text-white hover:bg-primary rounded group"
> >
<svg <svg
class="w-3 h-3 fill-slate-400 shrink-0 mr-3 dark:fill-slate-500" class="w-3 h-3 fill-slate-400 shrink-0 mr-3 dark:fill-slate-500"

2
src/lib/components/SectorSegmentation.svelte
View File

@ -64,7 +64,7 @@
{#each showFullStats ? sectorList : sectorList?.slice(0, 3) as item, index} {#each showFullStats ? sectorList : sectorList?.slice(0, 3) as item, index}
<div <div
on:click={() => sectorSelector(item?.industry)} on:click={() => sectorSelector(item?.industry)}
class="shadow-lg bg-[#27272A] w-full rounded-md p-4 mb-5 flex flex-row items-center {index === class="shadow-lg bg-primary w-full rounded-md p-4 mb-5 flex flex-row items-center {index ===
0 0
? 'mt-4' ? 'mt-4'
: ''} {index === 2 && : ''} {index === 2 &&

2
src/lib/components/ShareHolders.svelte
View File

@ -528,7 +528,7 @@
{#each displayList as item, index} {#each displayList as item, index}
{#if item?.investorName?.length > 0} {#if item?.investorName?.length > 0}
<tr <tr
class="border-y border-gray-800 odd:bg-[#27272A] sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#09090B] border-b-[#09090B] {index + class="border-y border-gray-800 odd:bg-secondary sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#09090B] border-b-[#09090B] {index +
1 === 1 ===
shareholderList?.length && data?.user?.tier !== 'Pro' shareholderList?.length && data?.user?.tier !== 'Pro'
? 'opacity-[0.1]' ? 'opacity-[0.1]'

10
src/lib/components/ShareStatistics.svelte
View File

@ -111,7 +111,7 @@
<div class="flex justify-start items-center w-full m-auto mt-6"> <div class="flex justify-start items-center w-full m-auto mt-6">
<table class="w-full" data-test="statistics-table"> <table class="w-full" data-test="statistics-table">
<tbody> <tbody>
<tr class="border-y border-gray-800 odd:bg-[#27272A]"> <tr class="border-y border-gray-800 odd:bg-secondary">
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"> <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
<span>Short Interest</span> <span>Short Interest</span>
</td> </td>
@ -121,7 +121,7 @@
{abbreviateNumber(rawData?.sharesShort)} {abbreviateNumber(rawData?.sharesShort)}
</td> </td>
</tr> </tr>
<tr class="border-y border-gray-800 odd:bg-[#27272A]"> <tr class="border-y border-gray-800 odd:bg-secondary">
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"> <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
<span>Short Previous Month</span> <span>Short Previous Month</span>
</td> </td>
@ -131,7 +131,7 @@
{abbreviateNumber(rawData?.sharesShortPriorMonth)} {abbreviateNumber(rawData?.sharesShortPriorMonth)}
</td> </td>
</tr> </tr>
<tr class="border-y border-gray-800 odd:bg-[#27272A]"> <tr class="border-y border-gray-800 odd:bg-secondary">
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"> <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
<span>Short % of Shares Out</span> <span>Short % of Shares Out</span>
</td> </td>
@ -141,7 +141,7 @@
{rawData?.shortOutStandingPercent}% {rawData?.shortOutStandingPercent}%
</td> </td>
</tr> </tr>
<tr class="border-y border-gray-800 odd:bg-[#27272A]"> <tr class="border-y border-gray-800 odd:bg-secondary">
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"> <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
<span>Short % of Float</span> <span>Short % of Float</span>
</td> </td>
@ -151,7 +151,7 @@
{rawData?.shortFloatPercent}% {rawData?.shortFloatPercent}%
</td> </td>
</tr> </tr>
<tr class="border-y border-gray-800 odd:bg-[#27272A]"> <tr class="border-y border-gray-800 odd:bg-secondary">
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"> <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
<span>Short Ratio (days to cover)</span> <span>Short Ratio (days to cover)</span>
</td> </td>

2
src/lib/components/StockSplits.svelte
View File

@ -59,7 +59,7 @@
<!--Start Item--> <!--Start Item-->
<div class="flex flex-row items-center ml-5 w-full mb-6"> <div class="flex flex-row items-center ml-5 w-full mb-6">
<div <div
class="w-full rounded-md bg-[#27272A] shadow-lg h-16 pl-3 ml-6 sm:ml-3 pt-2" class="w-full rounded-md bg-primary shadow-lg h-16 pl-3 ml-6 sm:ml-3 pt-2"
> >
<div class="flex flex-row items-center"> <div class="flex flex-row items-center">
<div class="flex flex-col"> <div class="flex flex-col">

2
src/lib/components/Swap.svelte
View File

@ -220,7 +220,7 @@
<div class="pb-2 rounded-md bg-[#09090B]"> <div class="pb-2 rounded-md bg-[#09090B]">
<div <div
class="bg-[#313131] w-fit relative flex flex-wrap items-center justify-center rounded-md p-1 mt-4" class="bg-secondary w-fit relative flex flex-wrap items-center justify-center rounded-md p-1 mt-4"
> >
{#each tabs as item, i} {#each tabs as item, i}
<button <button

2
src/lib/components/TARating.svelte
View File

@ -206,7 +206,7 @@
<tbody> <tbody>
{#each showFullStats ? signalList : signalList?.slice(0, 3) as item, index} {#each showFullStats ? signalList : signalList?.slice(0, 3) as item, index}
<tr <tr
class="border-y border-gray-800 odd:bg-[#27272A] sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#09090B] border-b-[#09090B] {index === class="border-y border-gray-800 odd:bg-secondary sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#09090B] border-b-[#09090B] {index ===
2 && 2 &&
!showFullStats && !showFullStats &&
signalList?.length > 2 signalList?.length > 2

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

@ -649,7 +649,7 @@
<DropdownMenu.Trigger asChild let:builder> <DropdownMenu.Trigger asChild let:builder>
<Button <Button
builders={[builder]} builders={[builder]}
class=" min-w-[110px] w-fit ml-3 border-gray-600 border bg-[#09090B] sm:hover:bg-[#27272A] ease-out flex flex-row justify-between items-center px-3 py-2.5 text-white rounded-md" class=" min-w-[110px] w-fit ml-3 border-gray-600 border bg-[#09090B] sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2.5 text-white rounded-md"
> >
<span class="w-fit text-white text-sm sm:text-[1rem]">Indicators</span> <span class="w-fit text-white text-sm sm:text-[1rem]">Indicators</span>
<svg <svg
@ -717,7 +717,7 @@
<DropdownMenu.Group class="pb-2"> <DropdownMenu.Group class="pb-2">
<!-- Added padding to avoid overlapping with Reset button --> <!-- Added padding to avoid overlapping with Reset button -->
{#each searchQuery?.length !== 0 ? testList : allRows as item} {#each searchQuery?.length !== 0 ? testList : allRows as item}
<DropdownMenu.Item class="sm:hover:bg-[#27272A]"> <DropdownMenu.Item class="sm:hover:bg-primary">
<div class="flex items-center"> <div class="flex items-center">
{#if defaultRules?.includes(item?.rule)} {#if defaultRules?.includes(item?.rule)}
<label <label
@ -807,7 +807,7 @@
<tbody> <tbody>
{#each stockList as item, index} {#each stockList as item, index}
<tr <tr
class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B] {index + class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-secondary border-b-[#09090B] {index +
1 === 1 ===
rawData?.length && rawData?.length &&
data?.user?.tier !== 'Pro' && data?.user?.tier !== 'Pro' &&

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

@ -32,7 +32,7 @@
> >
<!--Start Flow Sentiment--> <!--Start Flow Sentiment-->
<div <div
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-[#27272A] shadow-lg rounded-md h-20" class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-primary shadow-lg rounded-md h-20"
> >
<div class="flex flex-col items-start"> <div class="flex flex-col items-start">
<span class="font-medium text-gray-200 text-sm" <span class="font-medium text-gray-200 text-sm"
@ -50,7 +50,7 @@
<!--End Flow Sentiment--> <!--End Flow Sentiment-->
<!--Start Put/Call--> <!--Start Put/Call-->
<div <div
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-[#27272A] shadow-lg rounded-md h-20" class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-primary shadow-lg rounded-md h-20"
> >
<div class="flex flex-col items-start"> <div class="flex flex-col items-start">
<span class="font-medium text-gray-200 text-sm">Accuracy</span> <span class="font-medium text-gray-200 text-sm">Accuracy</span>
@ -112,7 +112,7 @@
<!--Start Precision--> <!--Start Precision-->
<div <div
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-[#27272A] shadow-lg rounded-md h-20" class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-primary shadow-lg rounded-md h-20"
> >
<div class="flex flex-col items-start"> <div class="flex flex-col items-start">
<span class="font-medium text-gray-200 text-sm">Precision</span> <span class="font-medium text-gray-200 text-sm">Precision</span>
@ -176,7 +176,7 @@
</div> </div>
<select <select
class="mt-1 sm:mt-3 ml-1 w-36 select select-bordered select-sm p-0 pl-5 overflow-y-auto bg-[#313131]" class="mt-1 sm:mt-3 ml-1 w-36 select select-bordered select-sm p-0 pl-5 overflow-y-auto bg-secondary"
on:change={changeStatement} on:change={changeStatement}
> >
<option disabled>Choose Time Period</option> <option disabled>Choose Time Period</option>

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

@ -73,7 +73,7 @@
{#each watchList as item} {#each watchList as item}
<!-- row --> <!-- row -->
<tr <tr
class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B]" class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-secondary border-b-[#09090B]"
> >
<td <td
class="text-sm sm:text-[1rem] text-start border-b-[#09090B]" class="text-sm sm:text-[1rem] text-start border-b-[#09090B]"

4
src/lib/components/shadcn/command/command-item.svelte
View File

@ -13,8 +13,8 @@
<CommandPrimitive.Item <CommandPrimitive.Item
{asChild} {asChild}
class={cn( class={cn(
"text-white sm:hover:bg-[#27272A] sm:hover:text-white aria-selected:bg-[#27272A] aria-selected:text-white relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50", "text-white sm:hover:bg-primary sm:hover:text-white aria-selected:bg-primary aria-selected:text-white relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
className className,
)} )}
{...$$restProps} {...$$restProps}
let:action let:action

4
src/lib/components/shadcn/select/select-item.svelte
View File

@ -18,8 +18,8 @@
{disabled} {disabled}
{label} {label}
class={cn( class={cn(
"data-[highlighted]:bg-[#27272A] data-[highlighted]:text-white relative flex w-full cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50", "data-[highlighted]:bg-primary data-[highlighted]:text-white relative flex w-full cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
className className,
)} )}
{...$$restProps} {...$$restProps}
on:click on:click

14
src/routes/+layout.svelte
View File

@ -239,7 +239,7 @@
<Button <Button
builders={[builder]} builders={[builder]}
size="icon" size="icon"
class="bg-[#09090B] text-white sm:hover:bg-[#27272A] border-none" class="bg-[#09090B] text-white sm:hover:bg-primary border-none"
> >
<Menu class="h-5.5 w-5.5 sm:w-7 sm:h-7" /> <Menu class="h-5.5 w-5.5 sm:w-7 sm:h-7" />
<span class="sr-only">Toggle Menu</span> <span class="sr-only">Toggle Menu</span>
@ -810,7 +810,7 @@
<DropdownMenu.Trigger asChild let:builder> <DropdownMenu.Trigger asChild let:builder>
<Button <Button
size="icon" size="icon"
class="overflow-hidden rounded-md bg-[#09090B] sm:hover:bg-[#27272A] border border-gray-600 w-10 h-10" class="overflow-hidden rounded-md bg-[#09090B] sm:hover:bg-primary border border-gray-600 w-10 h-10"
builders={[builder]} builders={[builder]}
> >
<svg <svg
@ -826,19 +826,19 @@
</DropdownMenu.Trigger> </DropdownMenu.Trigger>
<DropdownMenu.Content align="end"> <DropdownMenu.Content align="end">
<a href="/profile" class="cursor-pointer"> <a href="/profile" class="cursor-pointer">
<DropdownMenu.Item class="sm:hover:bg-[#27272A] cursor-pointer"> <DropdownMenu.Item class="sm:hover:bg-primary cursor-pointer">
My Account My Account
</DropdownMenu.Item> </DropdownMenu.Item>
</a> </a>
<DropdownMenu.Separator /> <DropdownMenu.Separator />
<a href="/watchlist/stocks" class="cursor-pointer"> <a href="/watchlist/stocks" class="cursor-pointer">
<DropdownMenu.Item class="sm:hover:bg-[#27272A] cursor-pointer"> <DropdownMenu.Item class="sm:hover:bg-primary cursor-pointer">
Watchlist Watchlist
</DropdownMenu.Item> </DropdownMenu.Item>
</a> </a>
<a href="/price-alert" class="cursor-pointer"> <a href="/price-alert" class="cursor-pointer">
<DropdownMenu.Item class="sm:hover:bg-[#27272A] cursor-pointer"> <DropdownMenu.Item class="sm:hover:bg-primary cursor-pointer">
Price Alert Price Alert
</DropdownMenu.Item> </DropdownMenu.Item>
</a> </a>
@ -846,9 +846,7 @@
<DropdownMenu.Separator /> <DropdownMenu.Separator />
<form class="cursor-pointer" action="/logout" method="POST"> <form class="cursor-pointer" action="/logout" method="POST">
<button type="submit" class="w-full text-start cursor-pointer"> <button type="submit" class="w-full text-start cursor-pointer">
<DropdownMenu.Item <DropdownMenu.Item class="sm:hover:bg-primary cursor-pointer">
class="sm:hover:bg-[#27272A] cursor-pointer"
>
<span class="text-start">Logout</span> <span class="text-start">Logout</span>
</DropdownMenu.Item> </DropdownMenu.Item>
</button> </button>

4
src/routes/+page.svelte
View File

@ -147,7 +147,7 @@
<div class="text-center mb-10 relative w-fit flex justify-center m-auto"> <div class="text-center mb-10 relative w-fit flex justify-center m-auto">
<a <a
href="/insider-tracker" href="/insider-tracker"
class="text-white antialiased bg-[#27272A] w-full px-4 py-2 rounded m-auto font-medium text-[1rem] flex items-center" class="text-white antialiased bg-primary w-full px-4 py-2 rounded m-auto font-medium text-[1rem] flex items-center"
> >
<span class="text-white sm:hover:text-blue-400" <span class="text-white sm:hover:text-blue-400"
>Realtime Insider Tracker</span >Realtime Insider Tracker</span
@ -406,7 +406,7 @@
>Recent unusual options with the highest ...</Card.Description >Recent unusual options with the highest ...</Card.Description
> >
<Tabs.Root value="premium" class="w-full sm:w-fit mt-5 "> <Tabs.Root value="premium" class="w-full sm:w-fit mt-5 ">
<Tabs.List class="grid w-full grid-cols-3 bg-[#313131]"> <Tabs.List class="grid w-full grid-cols-3 bg-secondary">
<Tabs.Trigger <Tabs.Trigger
on:click={() => changeTable("premium")} on:click={() => changeTable("premium")}
value="premium" value="premium"

2
src/routes/analysts/+page.svelte
View File

@ -206,7 +206,7 @@
<tbody> <tbody>
{#each analystList as item, index} {#each analystList as item, index}
<tr <tr
class="border-b border-[#27272A] sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] {index + class="border-b border-[#27272A] sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-secondary {index +
1 === 1 ===
rawData?.length && data?.user?.tier !== 'Pro' rawData?.length && data?.user?.tier !== 'Pro'
? 'opacity-[0.1]' ? 'opacity-[0.1]'

2
src/routes/analysts/[slug]/+page.svelte
View File

@ -388,7 +388,7 @@
<tbody> <tbody>
{#each stockList as item, index} {#each stockList as item, index}
<tr <tr
class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A]" class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-secondary"
> >
<td class="hidden lg:table-cell" <td class="hidden lg:table-cell"
><button ><button

2
src/routes/contact/+page.svelte
View File

@ -55,7 +55,7 @@
> >
<main class="w-full lg:w-3/4 lg:pr-5"> <main class="w-full lg:w-3/4 lg:pr-5">
<div <div
class="w-full m-auto sm:bg-[#27272A] sm:rounded-xl h-auto pl-10 pr-10 pt-5 sm:pb-10 sm:pt-10 mt-3 mb-8" class="w-full m-auto sm:bg-primary sm:rounded-xl h-auto pl-10 pr-10 pt-5 sm:pb-10 sm:pt-10 mt-3 mb-8"
> >
<div class="grid grid-cols-1 sm:grid-cols-2 gap-10"> <div class="grid grid-cols-1 sm:grid-cols-2 gap-10">
<!-- Start Column --> <!-- Start Column -->

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

@ -193,7 +193,7 @@
<tbody> <tbody>
{#each displayList as item, index} {#each displayList as item, index}
<tr <tr
class="sm:hover:bg-[#245073] border-b border-[#27272A] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] {index + class="sm:hover:bg-[#245073] border-b border-[#27272A] sm:hover:bg-opacity-[0.2] odd:bg-secondary {index +
1 === 1 ===
displayList?.length && data?.user?.tier !== 'Pro' displayList?.length && data?.user?.tier !== 'Pro'
? 'opacity-[0.1]' ? 'opacity-[0.1]'

2
src/routes/cramer-tracker/+page.svelte
View File

@ -254,7 +254,7 @@
<tbody> <tbody>
{#each stockList as item} {#each stockList as item}
<tr <tr
class="sm:hover:bg-[#245073] border-b border-[#27272A] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A]" class="sm:hover:bg-[#245073] border-b border-[#27272A] sm:hover:bg-opacity-[0.2] odd:bg-secondary"
> >
<td class="hidden lg:table-cell" <td class="hidden lg:table-cell"
><button ><button

4
src/routes/crypto/+page.svelte
View File

@ -67,7 +67,7 @@
> >
<main class="w-full lg:w-3/4 lg:pr-5"> <main class="w-full lg:w-3/4 lg:pr-5">
<div <div
class="w-full m-auto sm:bg-[#27272A] sm:rounded-xl h-auto pl-10 pr-10 pt-5 sm:pb-10 sm:pt-10 mt-3 mb-8" class="w-full m-auto sm:bg-primary sm:rounded-xl h-auto pl-10 pr-10 pt-5 sm:pb-10 sm:pt-10 mt-3 mb-8"
> >
<div class="grid grid-cols-1 sm:grid-cols-2 gap-10"> <div class="grid grid-cols-1 sm:grid-cols-2 gap-10">
<!-- Start Column --> <!-- Start Column -->
@ -174,7 +174,7 @@
{#each symbolList as item, index} {#each symbolList as item, index}
<tr <tr
on:click={() => goto("/crypto/" + item?.symbol)} on:click={() => goto("/crypto/" + item?.symbol)}
class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B] shake-ticker cursor-pointer" class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-secondary border-b-[#09090B] shake-ticker cursor-pointer"
> >
<td <td
class="text-blue-400 font-medium text-sm text-start border-b-[#09090B]" class="text-blue-400 font-medium text-sm text-start border-b-[#09090B]"

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

@ -723,14 +723,14 @@
<div class="hidden sm:flex ml-auto"> <div class="hidden sm:flex ml-auto">
{#if holdingShares !== 0 && data?.user} {#if holdingShares !== 0 && data?.user}
<label for="{!data?.user ? 'userLogin' : userPortfolio?.length !== 0 ? 'typeOfTrade' : ''}" class="py-2 px-3 text-sm sm:text-[1rem] cursor-pointer mr-1 flex flex-row ease-in-out duration-100 rounded-full shadow-lg bg-[#09090B] hover:bg-[#313131] border border-gray-600 normal-case cursor-pointer items-center"> <label for="{!data?.user ? 'userLogin' : userPortfolio?.length !== 0 ? 'typeOfTrade' : ''}" class="py-2 px-3 text-sm sm:text-[1rem] cursor-pointer mr-1 flex flex-row ease-in-out duration-100 rounded-full shadow-lg bg-[#09090B] hover:bg-secondary border border-gray-600 normal-case cursor-pointer items-center">
<svg class="w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="white" d="M8 2.5a.5.5 0 0 0-1 0V7H2.5a.5.5 0 0 0 0 1H7v4.5a.5.5 0 0 0 1 0V8h4.5a.5.5 0 0 0 0-1H8z"/></svg> <svg class="w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="white" d="M8 2.5a.5.5 0 0 0-1 0V7H2.5a.5.5 0 0 0 0 1H7v4.5a.5.5 0 0 0 1 0V8h4.5a.5.5 0 0 0 0-1H8z"/></svg>
<span class="text-white font-medium"> <span class="text-white font-medium">
Portfolio Portfolio
</span> </span>
</label> </label>
{:else} {:else}
<label for="{!data?.user ? 'userLogin' : userPortfolio?.length === 0 ? 'addPortfolio' : 'buyTradeModal'}" class="py-2 px-3 text-sm sm:text-[1rem] cursor-pointer mr-1 flex flex-row ease-in-out duration-100 rounded-full shadow-lg bg-[#09090B] hover:bg-[#313131] border border-gray-600 normal-case cursor-pointer items-center"> <label for="{!data?.user ? 'userLogin' : userPortfolio?.length === 0 ? 'addPortfolio' : 'buyTradeModal'}" class="py-2 px-3 text-sm sm:text-[1rem] cursor-pointer mr-1 flex flex-row ease-in-out duration-100 rounded-full shadow-lg bg-[#09090B] hover:bg-secondary border border-gray-600 normal-case cursor-pointer items-center">
<svg class="w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="white" d="M8 2.5a.5.5 0 0 0-1 0V7H2.5a.5.5 0 0 0 0 1H7v4.5a.5.5 0 0 0 1 0V8h4.5a.5.5 0 0 0 0-1H8z"/></svg> <svg class="w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="white" d="M8 2.5a.5.5 0 0 0-1 0V7H2.5a.5.5 0 0 0 0 1H7v4.5a.5.5 0 0 0 1 0V8h4.5a.5.5 0 0 0 0-1H8z"/></svg>
<span class="text-white font-medium"> <span class="text-white font-medium">
Portfolio Portfolio
@ -1062,7 +1062,7 @@
class="cursor-pointer w-full flex flex-row justify-start items-center mb-5" class="cursor-pointer w-full flex flex-row justify-start items-center mb-5"
> >
<div <div
class="flex flex-row items-center w-full bg-[#313131] p-3 rounded-md {item?.ticker?.includes( class="flex flex-row items-center w-full bg-secondary p-3 rounded-md {item?.ticker?.includes(
$cryptoTicker, $cryptoTicker,
) )
? 'ring-2 ring-[#04E000]' ? 'ring-2 ring-[#04E000]'

2
src/routes/crypto/[tickerID]/+page.svelte
View File

@ -830,7 +830,7 @@ afterUpdate(async () => {
<Button <Button
on:click={changeChartType} on:click={changeChartType}
class="ml-auto border-gray-600 border bg-[#09090B] sm:hover:bg-[#27272A] ease-out flex flex-row justify-between items-center px-3 py-2 text-white rounded-md truncate" class="ml-auto border-gray-600 border bg-[#09090B] sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2 text-white rounded-md truncate"
> >
{#if displayChartType === "line"} {#if displayChartType === "line"}
<svg <svg

4
src/routes/crypto/[tickerID]/congress-trading/+page.svelte
View File

@ -321,7 +321,7 @@
<label <label
on:click={changeStructure} on:click={changeStructure}
class="sm:hidden w-24 sm:ml-3 mr-2 sm:mr-0 cursor-pointer bg-[#27272A] px-4 py-2 rounded-md shadow-md" class="sm:hidden w-24 sm:ml-3 mr-2 sm:mr-0 cursor-pointer bg-primary px-4 py-2 rounded-md shadow-md"
> >
<span class="m-auto mr-0.5 text-white text-sm"> <span class="m-auto mr-0.5 text-white text-sm">
Switch To: {displayStructure} Switch To: {displayStructure}
@ -361,7 +361,7 @@
<tbody> <tbody>
{#each senateTradingList as item} {#each senateTradingList as item}
<tr <tr
class="odd:bg-[#27272A] sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#09090B] border-b-[#09090B]" class="odd:bg-secondary sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#09090B] border-b-[#09090B]"
> >
<td <td
class="text-white text-sm sm:text-[1rem] whitespace-nowrap pb-3 border-b border-b-[#09090B]" class="text-white text-sm sm:text-[1rem] whitespace-nowrap pb-3 border-b border-b-[#09090B]"

94
src/routes/crypto/[tickerID]/stats/+page.svelte
View File

@ -330,7 +330,7 @@ updateYearRange()
<tbody class="shadow-md"> <tbody class="shadow-md">
{#each quantStats[$cryptoTicker?.toUpperCase()]["Worst 10 Drawdowns"] as item} {#each quantStats[$cryptoTicker?.toUpperCase()]["Worst 10 Drawdowns"] as item}
<tr <tr
class="text-white border-y border-gray-800 odd:bg-[#27272A]" class="text-white border-y border-gray-800 odd:bg-secondary"
> >
<td <td
class="text-start text-sm sm:text-[1rem] text-white whitespace-nowrap" class="text-start text-sm sm:text-[1rem] text-white whitespace-nowrap"
@ -433,7 +433,7 @@ updateYearRange()
</thead> </thead>
<tbody> <tbody>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap"
@ -477,7 +477,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -515,7 +515,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -537,7 +537,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -559,7 +559,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap"
@ -599,7 +599,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -621,7 +621,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -643,7 +643,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -663,7 +663,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap"
@ -683,7 +683,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap"
@ -703,7 +703,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap"
@ -725,7 +725,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap"
@ -747,7 +747,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-starttext-sm sm:text-[1rem] whitespace-nowrap" class="text-starttext-sm sm:text-[1rem] whitespace-nowrap"
@ -787,7 +787,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap"
@ -827,7 +827,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap"
@ -867,7 +867,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap"
@ -889,7 +889,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap"
@ -911,7 +911,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -955,7 +955,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap"
@ -999,7 +999,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap"
@ -1021,7 +1021,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap"
@ -1041,7 +1041,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-starttext-sm sm:text-[1rem] whitespace-nowrap" class="text-starttext-sm sm:text-[1rem] whitespace-nowrap"
@ -1061,7 +1061,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1083,7 +1083,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1105,7 +1105,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1127,7 +1127,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1149,7 +1149,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1171,7 +1171,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1209,7 +1209,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1249,7 +1249,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1289,7 +1289,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-starttext-sm sm:text-[1rem] whitespace-nowrap" class="text-starttext-sm sm:text-[1rem] whitespace-nowrap"
@ -1327,7 +1327,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1369,7 +1369,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1411,7 +1411,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1453,7 +1453,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1495,7 +1495,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1537,7 +1537,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1577,7 +1577,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1599,7 +1599,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1621,7 +1621,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1643,7 +1643,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1683,7 +1683,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1725,7 +1725,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1747,7 +1747,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1769,7 +1769,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1791,7 +1791,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"

6
src/routes/dividends-calendar/+page.svelte
View File

@ -368,7 +368,7 @@
on:click={() => changeWeek("previous")} on:click={() => changeWeek("previous")}
class="{previousMax class="{previousMax
? 'opacity-80' ? 'opacity-80'
: ''} hidden sm:flex h-16 w-48 cursor-pointer border m-auto flex bg-[#27272A] border border-gray-600 mb-3" : ''} hidden sm:flex h-16 w-48 cursor-pointer border m-auto flex bg-primary border border-gray-600 mb-3"
> >
<svg <svg
class="w-6 h-6 m-auto rotate-180" class="w-6 h-6 m-auto rotate-180"
@ -446,7 +446,7 @@
on:click={() => changeWeek("next")} on:click={() => changeWeek("next")}
class="{nextMax class="{nextMax
? 'opacity-80' ? 'opacity-80'
: ''} hidden sm:flex h-16 w-48 cursor-pointer border m-auto flex bg-[#27272A] border border-gray-600 mb-3" : ''} hidden sm:flex h-16 w-48 cursor-pointer border m-auto flex bg-primary border border-gray-600 mb-3"
> >
<svg <svg
class="w-6 h-6 m-auto" class="w-6 h-6 m-auto"
@ -478,7 +478,7 @@
{#each day as item} {#each day as item}
<!-- row --> <!-- row -->
<tr <tr
class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B]" class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-secondary border-b-[#09090B]"
> >
<td <td
class="border-b-[#09090B] text-sm sm:text-[1rem]" class="border-b-[#09090B] text-sm sm:text-[1rem]"

6
src/routes/earnings-calendar/+page.svelte
View File

@ -368,7 +368,7 @@
on:click={() => changeWeek("previous")} on:click={() => changeWeek("previous")}
class="{previousMax class="{previousMax
? 'opacity-80' ? 'opacity-80'
: ''} hidden sm:flex h-16 w-48 cursor-pointer border m-auto flex bg-[#27272A] border border-gray-600 mb-3" : ''} hidden sm:flex h-16 w-48 cursor-pointer border m-auto flex bg-primary border border-gray-600 mb-3"
> >
<svg <svg
class="w-6 h-6 m-auto rotate-180" class="w-6 h-6 m-auto rotate-180"
@ -446,7 +446,7 @@
on:click={() => changeWeek("next")} on:click={() => changeWeek("next")}
class="{nextMax class="{nextMax
? 'opacity-80' ? 'opacity-80'
: ''} hidden sm:flex h-16 w-48 cursor-pointer border m-auto flex bg-[#27272A] border border-gray-600 mb-3" : ''} hidden sm:flex h-16 w-48 cursor-pointer border m-auto flex bg-primary border border-gray-600 mb-3"
> >
<svg <svg
class="w-6 h-6 m-auto" class="w-6 h-6 m-auto"
@ -478,7 +478,7 @@
{#each day as item, index} {#each day as item, index}
<!-- row --> <!-- row -->
<tr <tr
class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B]" class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-secondary border-b-[#09090B]"
> >
<td <td
class="text-blue-400 border-b-[#09090B] text-start text-sm sm:text-[1rem]" class="text-blue-400 border-b-[#09090B] text-start text-sm sm:text-[1rem]"

2
src/routes/economic-calendar/+page.svelte
View File

@ -683,7 +683,7 @@
{#each day as item} {#each day as item}
<!-- row --> <!-- row -->
<tr <tr
class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-primary" class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-secondary"
> >
<td <td
class="text-white text-sm sm:text-[1rem] border-b-[#09090B]" class="text-white text-sm sm:text-[1rem] border-b-[#09090B]"

6
src/routes/economic-indicator/+page.svelte
View File

@ -787,7 +787,7 @@
<div class="w-full text-white"> <div class="w-full text-white">
<div class="relative flex justify-end"> <div class="relative flex justify-end">
<select <select
class="w-24 select select-bordered select-sm p-0 pl-5 bg-[#313131]" class="w-24 select select-bordered select-sm p-0 pl-5 bg-secondary"
on:change={changeStatement} on:change={changeStatement}
> >
<option disabled>Choose a Time Period</option> <option disabled>Choose a Time Period</option>
@ -807,7 +807,7 @@
</Lazy> </Lazy>
<div <div
class="mt-10 mb-4 bg-[#313131] w-fit relative flex flex-wrap items-center justify-center rounded-md p-1 flex justify-center sm:justify-end items-center ml-auto" class="mt-10 mb-4 bg-secondary w-fit relative flex flex-wrap items-center justify-center rounded-md p-1 flex justify-center sm:justify-end items-center ml-auto"
> >
{#each tabs as item, i} {#each tabs as item, i}
<button <button
@ -907,7 +907,7 @@
{#each tableList as item} {#each tableList as item}
<!-- row --> <!-- row -->
<tr <tr
class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B] shake-ticker cursor-pointer" class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-secondary border-b-[#09090B] shake-ticker cursor-pointer"
> >
<td <td
class="text-white font-medium text-sm sm:text-[1rem] whitespace-nowrap border-b-[#09090B]" class="text-white font-medium text-sm sm:text-[1rem] whitespace-nowrap border-b-[#09090B]"

4
src/routes/etf/+page.svelte
View File

@ -85,7 +85,7 @@
> >
<main class="w-full lg:w-3/4 lg:pr-5"> <main class="w-full lg:w-3/4 lg:pr-5">
<div <div
class="w-full m-auto sm:bg-[#27272A] sm:rounded-xl h-auto pl-10 pr-10 pt-5 sm:pb-10 sm:pt-10 mt-3 mb-8" class="w-full m-auto sm:bg-primary sm:rounded-xl h-auto pl-10 pr-10 pt-5 sm:pb-10 sm:pt-10 mt-3 mb-8"
> >
<div class="grid grid-cols-1 sm:grid-cols-2 gap-10"> <div class="grid grid-cols-1 sm:grid-cols-2 gap-10">
<!-- Start Column --> <!-- Start Column -->
@ -185,7 +185,7 @@
<tbody> <tbody>
{#each stockList as item, index} {#each stockList as item, index}
<tr <tr
class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B]" class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-secondary border-b-[#09090B]"
> >
<td <td
class="font-medium text-sm sm:text-[1rem] whitespace-nowrap border-b-[#09090B]" class="font-medium text-sm sm:text-[1rem] whitespace-nowrap border-b-[#09090B]"

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

@ -673,8 +673,8 @@
on:click={() => changeSection("overview")} on:click={() => changeSection("overview")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'overview' 'overview'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
Overview Overview
</a> </a>
@ -683,8 +683,8 @@
on:click={() => changeSection("holdings")} on:click={() => changeSection("holdings")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'holdings' 'holdings'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
Holdings Holdings
</a> </a>
@ -694,8 +694,8 @@
on:click={() => changeSection("options")} on:click={() => changeSection("options")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'options' 'options'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
Options Options
</a> </a>
@ -704,8 +704,8 @@
on:click={() => changeSection("insider")} on:click={() => changeSection("insider")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'insider' 'insider'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
Insider Insider
</a> </a>
@ -714,8 +714,8 @@
on:click={() => changeSection("dividends")} on:click={() => changeSection("dividends")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'dividends' 'dividends'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
Dividends Dividends
</a> </a>

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

@ -906,7 +906,7 @@
<DropdownMenu.Trigger asChild let:builder> <DropdownMenu.Trigger asChild let:builder>
<Button <Button
builders={[builder]} builders={[builder]}
class="ml-auto border-gray-600 border bg-[#09090B] sm:hover:bg-[#27272A] ease-out flex flex-row justify-between items-center px-3 py-2 text-white rounded-md truncate" class="ml-auto border-gray-600 border bg-[#09090B] sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2 text-white rounded-md truncate"
> >
<span class="truncate text-white">Export</span> <span class="truncate text-white">Export</span>
<svg <svg
@ -933,22 +933,22 @@
<DropdownMenu.Separator /> <DropdownMenu.Separator />
<DropdownMenu.Group> <DropdownMenu.Group>
<!-- <!--
<DropdownMenu.Item on:click={exportData} class="cursor-pointer sm:hover:bg-[#27272A]"> <DropdownMenu.Item on:click={exportData} class="cursor-pointer sm:hover:bg-primary">
<svg class="w-3.5 h-3.5 mr-1 {data?.user?.tier === 'Pro' ? 'hidden' : ''}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#A3A3A3" d="M17 9V7c0-2.8-2.2-5-5-5S7 4.2 7 7v2c-1.7 0-3 1.3-3 3v7c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3v-7c0-1.7-1.3-3-3-3M9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v2H9z"/></svg> <svg class="w-3.5 h-3.5 mr-1 {data?.user?.tier === 'Pro' ? 'hidden' : ''}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#A3A3A3" d="M17 9V7c0-2.8-2.2-5-5-5S7 4.2 7 7v2c-1.7 0-3 1.3-3 3v7c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3v-7c0-1.7-1.3-3-3-3M9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v2H9z"/></svg>
1 min 1 min
</DropdownMenu.Item> </DropdownMenu.Item>
<DropdownMenu.Item on:click={exportData} class="cursor-pointer sm:hover:bg-[#27272A]"> <DropdownMenu.Item on:click={exportData} class="cursor-pointer sm:hover:bg-primary">
<svg class="w-3.5 h-3.5 mr-1 {data?.user?.tier === 'Pro' ? 'hidden' : ''}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#A3A3A3" d="M17 9V7c0-2.8-2.2-5-5-5S7 4.2 7 7v2c-1.7 0-3 1.3-3 3v7c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3v-7c0-1.7-1.3-3-3-3M9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v2H9z"/></svg> <svg class="w-3.5 h-3.5 mr-1 {data?.user?.tier === 'Pro' ? 'hidden' : ''}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#A3A3A3" d="M17 9V7c0-2.8-2.2-5-5-5S7 4.2 7 7v2c-1.7 0-3 1.3-3 3v7c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3v-7c0-1.7-1.3-3-3-3M9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v2H9z"/></svg>
5 min 5 min
</DropdownMenu.Item> </DropdownMenu.Item>
<DropdownMenu.Item on:click={exportData} class="cursor-pointer sm:hover:bg-[#27272A]"> <DropdownMenu.Item on:click={exportData} class="cursor-pointer sm:hover:bg-primary">
<svg class="w-3.5 h-3.5 mr-1 {data?.user?.tier === 'Pro' ? 'hidden' : ''}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#A3A3A3" d="M17 9V7c0-2.8-2.2-5-5-5S7 4.2 7 7v2c-1.7 0-3 1.3-3 3v7c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3v-7c0-1.7-1.3-3-3-3M9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v2H9z"/></svg> <svg class="w-3.5 h-3.5 mr-1 {data?.user?.tier === 'Pro' ? 'hidden' : ''}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#A3A3A3" d="M17 9V7c0-2.8-2.2-5-5-5S7 4.2 7 7v2c-1.7 0-3 1.3-3 3v7c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3v-7c0-1.7-1.3-3-3-3M9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v2H9z"/></svg>
15 min 15 min
</DropdownMenu.Item> </DropdownMenu.Item>
--> -->
<DropdownMenu.Item <DropdownMenu.Item
on:click={() => exportData("30min")} on:click={() => exportData("30min")}
class="cursor-pointer sm:hover:bg-[#27272A]" class="cursor-pointer sm:hover:bg-primary"
> >
<svg <svg
class="w-3.5 h-3.5 mr-1 {data?.user?.tier === 'Pro' class="w-3.5 h-3.5 mr-1 {data?.user?.tier === 'Pro'
@ -966,7 +966,7 @@
</DropdownMenu.Item> </DropdownMenu.Item>
<DropdownMenu.Item <DropdownMenu.Item
on:click={() => exportData("1hour")} on:click={() => exportData("1hour")}
class="cursor-pointer sm:hover:bg-[#27272A]" class="cursor-pointer sm:hover:bg-primary"
> >
<svg <svg
class="w-3.5 h-3.5 mr-1 {data?.user?.tier === 'Pro' class="w-3.5 h-3.5 mr-1 {data?.user?.tier === 'Pro'
@ -983,7 +983,7 @@
</DropdownMenu.Item> </DropdownMenu.Item>
<DropdownMenu.Item <DropdownMenu.Item
on:click={() => exportData("max")} on:click={() => exportData("max")}
class="cursor-pointer sm:hover:bg-[#27272A]" class="cursor-pointer sm:hover:bg-primary"
> >
<svg <svg
class="w-3.5 h-3.5 mr-1 {data?.user?.tier === 'Pro' class="w-3.5 h-3.5 mr-1 {data?.user?.tier === 'Pro'

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

@ -338,7 +338,7 @@
</thead> </thead>
<tbody class="shadow-md"> <tbody class="shadow-md">
{#each rawData?.history as item} {#each rawData?.history as item}
<tr class="text-gray-200 odd:bg-[#27272A]"> <tr class="text-gray-200 odd:bg-secondary">
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap text-white font-medium border-b border-[#09090B]" class="text-start text-sm sm:text-[1rem] whitespace-nowrap text-white font-medium border-b border-[#09090B]"
> >

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

@ -321,7 +321,7 @@
<tbody> <tbody>
{#each senateTradingList as item} {#each senateTradingList as item}
<tr <tr
class="odd:bg-[#27272A] sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#09090B] border-b-[#09090B]" class="odd:bg-secondary sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#09090B] border-b-[#09090B]"
> >
<td <td
class="text-white text-sm sm:text-[1rem] whitespace-nowrap pb-3 border-b border-b-[#09090B]" class="text-white text-sm sm:text-[1rem] whitespace-nowrap pb-3 border-b border-b-[#09090B]"

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

@ -696,7 +696,7 @@
<div class="flex flex-row items-center w-full mt-10"> <div class="flex flex-row items-center w-full mt-10">
<select <select
class="ml-1 w-40 select select-bordered select-sm p-0 pl-5 bg-[#313131]" class="ml-1 w-40 select select-bordered select-sm p-0 pl-5 bg-secondary"
on:change={changeTimePeriod} on:change={changeTimePeriod}
> >
<option disabled>Choose a time period</option> <option disabled>Choose a time period</option>
@ -708,7 +708,7 @@
</select> </select>
<select <select
class="ml-auto sm:ml-3 w-40 select select-bordered select-sm p-0 pl-5 bg-[#313131]" class="ml-auto sm:ml-3 w-40 select select-bordered select-sm p-0 pl-5 bg-secondary"
on:change={changeVolumeOI} on:change={changeVolumeOI}
> >
<option disabled>Choose a category</option> <option disabled>Choose a category</option>
@ -750,7 +750,7 @@
</h3> </h3>
<div <div
class="bg-[#313131] w-fit relative flex flex-wrap items-center justify-center rounded-md p-1 mt-6 mb-6" class="bg-secondary w-fit relative flex flex-wrap items-center justify-center rounded-md p-1 mt-6 mb-6"
> >
{#each tabEX as item, i} {#each tabEX as item, i}
<button <button
@ -785,7 +785,7 @@
{#if optionList?.length !== 0} {#if optionList?.length !== 0}
<div <div
class="bg-[#313131] w-fit relative flex flex-wrap items-center justify-center rounded-md p-1 mt-6 mb-6" class="bg-secondary w-fit relative flex flex-wrap items-center justify-center rounded-md p-1 mt-6 mb-6"
> >
{#each tabs as item, i} {#each tabs as item, i}
<button <button
@ -812,7 +812,7 @@
{#if activeIdx === 1} {#if activeIdx === 1}
<div class="relative mb-6"> <div class="relative mb-6">
<select <select
class="w-48 select select-bordered select-sm p-0 pl-5 overflow-y-auto bg-[#313131]" class="w-48 select select-bordered select-sm p-0 pl-5 overflow-y-auto bg-secondary"
on:change={changeStatement} on:change={changeStatement}
> >
<option disabled>Choose an Expiration Date</option> <option disabled>Choose an Expiration Date</option>
@ -878,7 +878,7 @@
on:click={() => handleViewData(item?.date)} on:click={() => handleViewData(item?.date)}
on:mouseover={() => on:mouseover={() =>
getDailyTransactions($etfTicker + "+" + item?.date)} getDailyTransactions($etfTicker + "+" + item?.date)}
class="cursor-pointer sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B] {index + class="cursor-pointer sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-secondary border-b-[#09090B] {index +
1 === 1 ===
optionList?.slice(0, 3)?.length && optionList?.slice(0, 3)?.length &&
data?.user?.tier !== 'Pro' data?.user?.tier !== 'Pro'
@ -1067,7 +1067,7 @@
<tbody> <tbody>
{#each data?.user?.tier === "Pro" ? optionChainList : optionChainList?.slice(0, 3) as item, index} {#each data?.user?.tier === "Pro" ? optionChainList : optionChainList?.slice(0, 3) as item, index}
<tr <tr
class="odd:bg-[#27272A] border-b-[#09090B] {index + class="odd:bg-secondary border-b-[#09090B] {index +
1 === 1 ===
optionChainList?.slice(0, 3)?.length && optionChainList?.slice(0, 3)?.length &&
data?.user?.tier !== 'Pro' data?.user?.tier !== 'Pro'
@ -1254,7 +1254,7 @@
<tbody> <tbody>
{#each optionHistoryList as item} {#each optionHistoryList as item}
<!-- row --> <!-- row -->
<tr class="odd:bg-[#27272A] border-b-[#09090B]"> <tr class="odd:bg-secondary border-b-[#09090B]">
<td class="text-white text-sm text-start whitespace-nowrap"> <td class="text-white text-sm text-start whitespace-nowrap">
{formatTime(item?.time)} {formatTime(item?.time)}
</td> </td>

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

@ -330,7 +330,7 @@ updateYearRange()
<tbody class="shadow-md"> <tbody class="shadow-md">
{#each quantStats[$etfTicker?.toUpperCase()]["Worst 10 Drawdowns"] as item} {#each quantStats[$etfTicker?.toUpperCase()]["Worst 10 Drawdowns"] as item}
<tr <tr
class="text-white border-y border-gray-800 odd:bg-[#27272A]" class="text-white border-y border-gray-800 odd:bg-secondary"
> >
<td <td
class="text-start text-sm sm:text-[1rem] text-white whitespace-nowrap" class="text-start text-sm sm:text-[1rem] text-white whitespace-nowrap"
@ -433,7 +433,7 @@ updateYearRange()
</thead> </thead>
<tbody> <tbody>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap"
@ -477,7 +477,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -515,7 +515,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -537,7 +537,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -559,7 +559,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap"
@ -599,7 +599,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -619,7 +619,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -641,7 +641,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -661,7 +661,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap"
@ -681,7 +681,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap"
@ -701,7 +701,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap"
@ -723,7 +723,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap"
@ -745,7 +745,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-starttext-sm sm:text-[1rem] whitespace-nowrap" class="text-starttext-sm sm:text-[1rem] whitespace-nowrap"
@ -785,7 +785,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap"
@ -825,7 +825,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap"
@ -865,7 +865,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap"
@ -887,7 +887,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap"
@ -907,7 +907,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -951,7 +951,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap"
@ -995,7 +995,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap"
@ -1017,7 +1017,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-white text-sm sm:text-[1rem] whitespace-nowrap"
@ -1037,7 +1037,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-starttext-sm sm:text-[1rem] whitespace-nowrap" class="text-starttext-sm sm:text-[1rem] whitespace-nowrap"
@ -1057,7 +1057,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1079,7 +1079,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1101,7 +1101,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1123,7 +1123,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1145,7 +1145,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1167,7 +1167,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1205,7 +1205,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1245,7 +1245,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1285,7 +1285,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-starttext-sm sm:text-[1rem] whitespace-nowrap" class="text-starttext-sm sm:text-[1rem] whitespace-nowrap"
@ -1323,7 +1323,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1365,7 +1365,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1407,7 +1407,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1449,7 +1449,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1491,7 +1491,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1533,7 +1533,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1573,7 +1573,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1595,7 +1595,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1617,7 +1617,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1639,7 +1639,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1679,7 +1679,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1721,7 +1721,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1743,7 +1743,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1765,7 +1765,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
@ -1787,7 +1787,7 @@ updateYearRange()
</tr> </tr>
<tr <tr
class="text-white odd:bg-[#27272A] border-b border-[#27272A]" class="text-white odd:bg-secondary border-b border-[#27272A]"
> >
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"

2
src/routes/etf/etf-providers/+page.svelte
View File

@ -150,7 +150,7 @@
{#each etfProviderList as item, index} {#each etfProviderList as item, index}
<!-- row --> <!-- row -->
<tr <tr
class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B]" class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-secondary border-b-[#09090B]"
> >
<td <td
class="text-sm sm:text-[1rem] whitespace-nowrap font-medium border-b-[#09090B]" class="text-sm sm:text-[1rem] whitespace-nowrap font-medium border-b-[#09090B]"

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

@ -222,7 +222,7 @@
{#each etfProviderData as item} {#each etfProviderData as item}
<!-- row --> <!-- row -->
<tr <tr
class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B]" class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-secondary border-b-[#09090B]"
> >
<td <td
class="font-medium text-sm sm:text-[1rem] whitespace-nowrap border-b-[#09090B]" class="font-medium text-sm sm:text-[1rem] whitespace-nowrap border-b-[#09090B]"

2
src/routes/etf/new-launches/+page.svelte
View File

@ -157,7 +157,7 @@
<tbody> <tbody>
{#each etfData as item} {#each etfData as item}
<tr <tr
class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B]" class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-secondary border-b-[#09090B]"
> >
<td <td
class="text-white text-sm sm:text-[1rem] whitespace-nowrap border-b-[#09090B]" class="text-white text-sm sm:text-[1rem] whitespace-nowrap border-b-[#09090B]"

2
src/routes/fda-calendar/+page.svelte
View File

@ -141,7 +141,7 @@
{#each displayList as item, index} {#each displayList as item, index}
<tr <tr
on:click={() => goto(`/stocks/${item?.symbol}`)} on:click={() => goto(`/stocks/${item?.symbol}`)}
class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] {index + class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-secondary {index +
1 === 1 ===
displayList?.length && data?.user?.tier !== 'Pro' displayList?.length && data?.user?.tier !== 'Pro'
? 'opacity-[0.1]' ? 'opacity-[0.1]'

2
src/routes/heatmaps/+page.svelte
View File

@ -307,7 +307,7 @@ async function exportTreemap() {
class="w-full max-w-3xl sm:max-w-screen-xl overflow-hidden min-h-screen pt-5 pb-40" class="w-full max-w-3xl sm:max-w-screen-xl overflow-hidden min-h-screen pt-5 pb-40"
> >
<div <div
class="w-full m-auto sm:bg-[#27272A] sm:rounded-xl h-auto pl-10 pr-10 pt-5 sm:pb-10 sm:pt-10 mt-3 mb-8" class="w-full m-auto sm:bg-primary sm:rounded-xl h-auto pl-10 pr-10 pt-5 sm:pb-10 sm:pt-10 mt-3 mb-8"
> >
<div class="grid grid-cols-1 sm:grid-cols-2 gap-10"> <div class="grid grid-cols-1 sm:grid-cols-2 gap-10">
<!-- Start Column --> <!-- Start Column -->

4
src/routes/industry/+layout.svelte
View File

@ -90,8 +90,8 @@
: "/industry/all"} : "/industry/all"}
on:click={() => handleMode(i)} on:click={() => handleMode(i)}
class="p-2 px-5 cursor-pointer {activeIdx === i class="p-2 px-5 cursor-pointer {activeIdx === i
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
{item.title} {item.title}
</a> </a>

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

@ -104,7 +104,7 @@
{#each displayList as item} {#each displayList as item}
<!-- row --> <!-- row -->
<tr <tr
class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B]" class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-secondary border-b-[#09090B]"
> >
<td <td
class="font-medium text-sm sm:text-[1rem] whitespace-nowrap border-b-[#09090B]" class="font-medium text-sm sm:text-[1rem] whitespace-nowrap border-b-[#09090B]"

2
src/routes/industry/sectors/+page.svelte
View File

@ -103,7 +103,7 @@
{#each displayList as item} {#each displayList as item}
<!-- row --> <!-- row -->
<tr <tr
class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B]" class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-secondary border-b-[#09090B]"
> >
<td <td
class="font-medium text-sm sm:text-[1rem] whitespace-nowrap border-b-[#09090B]" class="font-medium text-sm sm:text-[1rem] whitespace-nowrap border-b-[#09090B]"

2
src/routes/insider-tracker/+page.svelte
View File

@ -215,7 +215,7 @@
<tbody> <tbody>
{#each stockList as item, index} {#each stockList as item, index}
<tr <tr
class="sm:hover:bg-[#245073] border-b border-[#27272A] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] {index + class="sm:hover:bg-[#245073] border-b border-[#27272A] sm:hover:bg-opacity-[0.2] odd:bg-secondary {index +
1 === 1 ===
stockList?.length && data?.user?.tier !== 'Pro' stockList?.length && data?.user?.tier !== 'Pro'
? 'opacity-[0.1]' ? 'opacity-[0.1]'

4
src/routes/ipos/+layout.svelte
View File

@ -121,8 +121,8 @@
href={`/ipos/${item}`} href={`/ipos/${item}`}
on:click={() => (displaySection = item)} on:click={() => (displaySection = item)}
class="p-2 px-5 cursor-pointer {displaySection === item class="p-2 px-5 cursor-pointer {displaySection === item
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
{item} {item}
</a> </a>

2
src/routes/ipos/+page.svelte
View File

@ -87,7 +87,7 @@
<tbody> <tbody>
{#each ipoList as item} {#each ipoList as item}
<tr <tr
class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B]" class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-secondary border-b-[#09090B]"
> >
<td <td
class="text-white text-sm sm:text-[1rem] text-start border-b-[#09090B] whitespace-nowrap" class="text-white text-sm sm:text-[1rem] text-start border-b-[#09090B] whitespace-nowrap"

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

@ -102,7 +102,7 @@
</div> </div>
<div class="relative mt-4"> <div class="relative mt-4">
<select <select
class="select text-white select-bordered select-sm w-36 p-0 pl-5 overflow-y-auto bg-[#313131]" class="select text-white select-bordered select-sm w-36 p-0 pl-5 overflow-y-auto bg-secondary"
on:change={changeTimePeriod} on:change={changeTimePeriod}
> >
<option disabled>Select time period</option> <option disabled>Select time period</option>
@ -156,7 +156,7 @@
<tbody> <tbody>
{#each ipoList as item} {#each ipoList as item}
<tr <tr
class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B]" class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-secondary border-b-[#09090B]"
> >
<td <td
class="text-white text-sm sm:text-[1rem] whitespace-nowrap text-start border-b-[#09090B] whitespace-nowrap" class="text-white text-sm sm:text-[1rem] whitespace-nowrap text-start border-b-[#09090B] whitespace-nowrap"

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

@ -174,7 +174,7 @@
{#each displayList as item} {#each displayList as item}
<!-- row --> <!-- row -->
<tr <tr
class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B]" class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-secondary border-b-[#09090B]"
> >
<td <td
class="text-white font-semibold sm:font-normal text-center text-sm sm:text-[1rem] border-b-[#09090B]" class="text-white font-semibold sm:font-normal text-center text-sm sm:text-[1rem] border-b-[#09090B]"

6
src/routes/login/+page.svelte
View File

@ -177,7 +177,7 @@
on:click={() => (oauthLoading = !oauthLoading)} on:click={() => (oauthLoading = !oauthLoading)}
on:mouseenter={handleHoverGoogle} on:mouseenter={handleHoverGoogle}
on:mouseleave={handleHoverGoogle} on:mouseleave={handleHoverGoogle}
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-[#313131] text-white" class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
> >
<svg <svg
class="{isHoveredGoogle class="{isHoveredGoogle
@ -226,7 +226,7 @@
on:click={() => (oauthLoading = !oauthLoading)} on:click={() => (oauthLoading = !oauthLoading)}
on:mouseenter={handleHoverDiscord} on:mouseenter={handleHoverDiscord}
on:mouseleave={handleHoverDiscord} on:mouseleave={handleHoverDiscord}
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-[#313131] text-white" class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
> >
<svg <svg
class="{isHoveredDiscord class="{isHoveredDiscord
@ -760,7 +760,7 @@
on:click={() => (oauthLoading = !oauthLoading)} on:click={() => (oauthLoading = !oauthLoading)}
on:mouseenter={handleHoverGithub} on:mouseenter={handleHoverGithub}
on:mouseleave={handleHoverGithub} on:mouseleave={handleHoverGithub}
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-[#313131] text-white" class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
> >
<svg <svg
class="{isHoveredGithub class="{isHoveredGithub

4
src/routes/market-mover/+layout.svelte
View File

@ -78,8 +78,8 @@
<a <a
href={item?.path} href={item?.path}
class="p-2 px-5 cursor-pointer {activeIdx === index class="p-2 px-5 cursor-pointer {activeIdx === index
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
{item.title} {item.title}
</a> </a>

24
src/routes/market-mover/active/+layout.svelte
View File

@ -85,48 +85,48 @@
<a <a
href="/market-mover/active" href="/market-mover/active"
class="p-2 px-5 cursor-pointer {timePeriod === 'active' class="p-2 px-5 cursor-pointer {timePeriod === 'active'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
Today Today
</a> </a>
<a <a
href="/market-mover/active/week" href="/market-mover/active/week"
class="p-2 px-5 cursor-pointer {timePeriod === 'week' class="p-2 px-5 cursor-pointer {timePeriod === 'week'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
Week Week
</a> </a>
<a <a
href="/market-mover/active/month" href="/market-mover/active/month"
class="p-2 px-5 cursor-pointer {timePeriod === 'month' class="p-2 px-5 cursor-pointer {timePeriod === 'month'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
Month Month
</a> </a>
<a <a
href="/market-mover/active/year" href="/market-mover/active/year"
class="p-2 px-5 cursor-pointer {timePeriod === 'year' class="p-2 px-5 cursor-pointer {timePeriod === 'year'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
Year Year
</a> </a>
<a <a
href="/market-mover/active/3Y" href="/market-mover/active/3Y"
class="p-2 px-5 cursor-pointer {timePeriod === '3Y' class="p-2 px-5 cursor-pointer {timePeriod === '3Y'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
3 Years 3 Years
</a> </a>
<a <a
href="/market-mover/active/5Y" href="/market-mover/active/5Y"
class="p-2 px-5 cursor-pointer {timePeriod === '5Y' class="p-2 px-5 cursor-pointer {timePeriod === '5Y'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
5 Years 5 Years
</a> </a>

8
src/routes/market-mover/afterhours/+layout.svelte
View File

@ -69,16 +69,16 @@
<a <a
href="/market-mover/afterhours/gainers" href="/market-mover/afterhours/gainers"
class="p-2 px-5 cursor-pointer {categoryType === 'gainers' class="p-2 px-5 cursor-pointer {categoryType === 'gainers'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
Gainers Gainers
</a> </a>
<a <a
href="/market-mover/afterhours/losers" href="/market-mover/afterhours/losers"
class="p-2 px-5 cursor-pointer {categoryType === 'losers' class="p-2 px-5 cursor-pointer {categoryType === 'losers'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
Losers Losers
</a> </a>

24
src/routes/market-mover/gainers/+layout.svelte
View File

@ -85,48 +85,48 @@
<a <a
href="/market-mover/gainers" href="/market-mover/gainers"
class="p-2 px-5 cursor-pointer {timePeriod === 'gainers' class="p-2 px-5 cursor-pointer {timePeriod === 'gainers'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
Today Today
</a> </a>
<a <a
href="/market-mover/gainers/week" href="/market-mover/gainers/week"
class="p-2 px-5 cursor-pointer {timePeriod === 'week' class="p-2 px-5 cursor-pointer {timePeriod === 'week'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
Week Week
</a> </a>
<a <a
href="/market-mover/gainers/month" href="/market-mover/gainers/month"
class="p-2 px-5 cursor-pointer {timePeriod === 'month' class="p-2 px-5 cursor-pointer {timePeriod === 'month'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
Month Month
</a> </a>
<a <a
href="/market-mover/gainers/year" href="/market-mover/gainers/year"
class="p-2 px-5 cursor-pointer {timePeriod === 'year' class="p-2 px-5 cursor-pointer {timePeriod === 'year'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
Year Year
</a> </a>
<a <a
href="/market-mover/gainers/3Y" href="/market-mover/gainers/3Y"
class="p-2 px-5 cursor-pointer {timePeriod === '3Y' class="p-2 px-5 cursor-pointer {timePeriod === '3Y'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
3 Years 3 Years
</a> </a>
<a <a
href="/market-mover/gainers/5Y" href="/market-mover/gainers/5Y"
class="p-2 px-5 cursor-pointer {timePeriod === '5Y' class="p-2 px-5 cursor-pointer {timePeriod === '5Y'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
5 Years 5 Years
</a> </a>

24
src/routes/market-mover/losers/+layout.svelte
View File

@ -85,48 +85,48 @@
<a <a
href="/market-mover/losers" href="/market-mover/losers"
class="p-2 px-5 cursor-pointer {timePeriod === 'losers' class="p-2 px-5 cursor-pointer {timePeriod === 'losers'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
Today Today
</a> </a>
<a <a
href="/market-mover/losers/week" href="/market-mover/losers/week"
class="p-2 px-5 cursor-pointer {timePeriod === 'week' class="p-2 px-5 cursor-pointer {timePeriod === 'week'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
Week Week
</a> </a>
<a <a
href="/market-mover/losers/month" href="/market-mover/losers/month"
class="p-2 px-5 cursor-pointer {timePeriod === 'month' class="p-2 px-5 cursor-pointer {timePeriod === 'month'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
Month Month
</a> </a>
<a <a
href="/market-mover/losers/year" href="/market-mover/losers/year"
class="p-2 px-5 cursor-pointer {timePeriod === 'year' class="p-2 px-5 cursor-pointer {timePeriod === 'year'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
Year Year
</a> </a>
<a <a
href="/market-mover/losers/3Y" href="/market-mover/losers/3Y"
class="p-2 px-5 cursor-pointer {timePeriod === '3Y' class="p-2 px-5 cursor-pointer {timePeriod === '3Y'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
3 Years 3 Years
</a> </a>
<a <a
href="/market-mover/losers/5Y" href="/market-mover/losers/5Y"
class="p-2 px-5 cursor-pointer {timePeriod === '5Y' class="p-2 px-5 cursor-pointer {timePeriod === '5Y'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
5 Years 5 Years
</a> </a>

8
src/routes/market-mover/premarket/+layout.svelte
View File

@ -69,16 +69,16 @@
<a <a
href="/market-mover/premarket/gainers" href="/market-mover/premarket/gainers"
class="p-2 px-5 cursor-pointer {categoryType === 'gainers' class="p-2 px-5 cursor-pointer {categoryType === 'gainers'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
Gainers Gainers
</a> </a>
<a <a
href="/market-mover/premarket/losers" href="/market-mover/premarket/losers"
class="p-2 px-5 cursor-pointer {categoryType === 'losers' class="p-2 px-5 cursor-pointer {categoryType === 'losers'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
Losers Losers
</a> </a>

4
src/routes/market-news/+layout.svelte
View File

@ -60,8 +60,8 @@
<a <a
href={item?.path} href={item?.path}
class="p-2 px-5 cursor-pointer {activeIdx === i class="p-2 px-5 cursor-pointer {activeIdx === i
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
{item.title} {item.title}
</a> </a>

2
src/routes/politicians/[slug]/+page.svelte
View File

@ -348,7 +348,7 @@
<tbody class="p-0"> <tbody class="p-0">
{#each tableData as item} {#each tableData as item}
<tr <tr
class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#27272A] text-white" class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-secondary border-b-[#27272A] text-white"
> >
<td class="hidden lg:table-cell" <td class="hidden lg:table-cell"
><button ><button

4
src/routes/politicians/flow-data/+page.svelte
View File

@ -166,7 +166,7 @@
<tbody> <tbody>
{#each displayList as item, index} {#each displayList as item, index}
<tr <tr
class="odd:bg-[#27272A] border-b-[#09090B] {index + class="odd:bg-secondary border-b-[#09090B] {index +
1 === 1 ===
rawData?.length && data?.user?.tier !== 'Pro' rawData?.length && data?.user?.tier !== 'Pro'
? 'opacity-[0.1]' ? 'opacity-[0.1]'
@ -175,7 +175,7 @@
<th <th
class="{index % 2 class="{index % 2
? 'bg-[#09090B]' ? 'bg-[#09090B]'
: 'bg-[#27272A]'} text-white text-sm sm:text-[1rem] whitespace-nowrap" : 'bg-primary'} text-white text-sm sm:text-[1rem] whitespace-nowrap"
> >
<div class="flex flex-row items-center"> <div class="flex flex-row items-center">
<div <div

12
src/routes/price-alert/+page.svelte
View File

@ -342,7 +342,7 @@
{/if} {/if}
<label <label
on:click={handleEditMode} on:click={handleEditMode}
class="border text-sm border-gray-600 sm:ml-3 cursor-pointer inline-flex items-center justify-center space-x-1 whitespace-nowrap rounded-md py-2.5 px-3 text-white bg-[#09090B] sm:hover:bg-[#27272A] ease-out sm:hover:text-red-500" class="border text-sm border-gray-600 sm:ml-3 cursor-pointer inline-flex items-center justify-center space-x-1 whitespace-nowrap rounded-md py-2.5 px-3 text-white bg-[#09090B] sm:hover:bg-primary ease-out sm:hover:text-red-500"
> >
<svg <svg
class="inline-block w-5 h-5" class="inline-block w-5 h-5"
@ -408,7 +408,7 @@
> >
{#each searchBarData as item} {#each searchBarData as item}
<Combobox.Item <Combobox.Item
class="cursor-pointer text-white border-b border-gray-600 last:border-none flex h-fit w-auto select-none items-center rounded-button py-3 pl-5 pr-1.5 text-sm capitalize outline-none transition-all duration-75 data-[highlighted]:bg-[#27272A]" class="cursor-pointer text-white border-b border-gray-600 last:border-none flex h-fit w-auto select-none items-center rounded-button py-3 pl-5 pr-1.5 text-sm capitalize outline-none transition-all duration-75 data-[highlighted]:bg-primary"
value={item.symbol} value={item.symbol}
label={item.name} label={item.name}
on:click={(e) => on:click={(e) =>
@ -468,7 +468,7 @@
{#each priceAlertList as item} {#each priceAlertList as item}
<!-- row --> <!-- row -->
<tr <tr
class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B]" class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-secondary border-b-[#09090B]"
> >
<td <td
on:click={() => handleFilter(item?.id)} on:click={() => handleFilter(item?.id)}
@ -551,7 +551,7 @@
class="inline-flex justify-center w-full rounded-md sm:w-auto mb-3" class="inline-flex justify-center w-full rounded-md sm:w-auto mb-3"
> >
<div <div
class="bg-[#313131] w-full min-w-24 sm:w-fit relative flex flex-wrap items-center justify-center rounded-md p-1 mt-4" class="bg-secondary w-full min-w-24 sm:w-fit relative flex flex-wrap items-center justify-center rounded-md p-1 mt-4"
> >
{#each tabs as item, i} {#each tabs as item, i}
{#if data?.user?.tier !== "Pro" && i > 0} {#if data?.user?.tier !== "Pro" && i > 0}
@ -610,7 +610,7 @@
{#each titleGroups as { title, items, symbols }} {#each titleGroups as { title, items, symbols }}
<div class="flex border-gray-600 text-small"> <div class="flex border-gray-600 text-small">
<div <div
class="hidden min-w-[100px] items-center justify-center bg-[#27272A] p-1 lg:flex" class="hidden min-w-[100px] items-center justify-center bg-primary p-1 lg:flex"
> >
{new Date( {new Date(
items[0].publishedDate, items[0].publishedDate,
@ -682,7 +682,7 @@
{#each titleGroups as item} {#each titleGroups as item}
<div class="flex border-gray-600 text-small"> <div class="flex border-gray-600 text-small">
<div <div
class="hidden min-w-[100px] items-center justify-center bg-[#27272A] p-1 lg:flex" class="hidden min-w-[100px] items-center justify-center bg-primary p-1 lg:flex"
> >
{formatTime(item?.time)} {formatTime(item?.time)}
</div> </div>

2
src/routes/pricing/+page.svelte
View File

@ -375,7 +375,7 @@
<!-- Pricing Card --> <!-- Pricing Card -->
<div <div
class="sm:order-2 rounded-md box sm:-mt-10 flex flex-col p-6 lg:p-8 mx-auto w-full text-center text-white bg-[#27272A]" class="sm:order-2 rounded-md box sm:-mt-10 flex flex-col p-6 lg:p-8 mx-auto w-full text-center text-white bg-primary"
> >
<div class="{!mode ? 'hidden' : ''} ribbon ribbon-top-right"> <div class="{!mode ? 'hidden' : ''} ribbon ribbon-top-right">
<span class="text-white">Discount</span> <span class="text-white">Discount</span>

2
src/routes/profile/+page.svelte
View File

@ -288,7 +288,7 @@
> >
<label <label
for="cancelSubscriptionModal" for="cancelSubscriptionModal"
class="cursor-pointer text-white border border-gray-600 sm:hover:bg-[#27272A] bg-opacity-[0.5] text-sm sm:text-[1rem] px-4 py-2 rounded-md mt-5" class="cursor-pointer text-white border border-gray-600 sm:hover:bg-primary bg-opacity-[0.5] text-sm sm:text-[1rem] px-4 py-2 rounded-md mt-5"
> >
Cancel Subscription Cancel Subscription
</label> </label>

8
src/routes/reddit-tracker/+page.svelte
View File

@ -516,8 +516,8 @@
<label <label
on:click={() => changeTimePeriod(index)} on:click={() => changeTimePeriod(index)}
class="p-2 px-5 cursor-pointer {activeIdx === index class="p-2 px-5 cursor-pointer {activeIdx === index
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
{item.title} {item.title}
</label> </label>
@ -526,8 +526,8 @@
href="/pricing" href="/pricing"
class="flex flex-row items-center p-2 px-5 cursor-pointer {activeIdx === class="flex flex-row items-center p-2 px-5 cursor-pointer {activeIdx ===
index index
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
<span class="">{item.title}</span> <span class="">{item.title}</span>
<svg <svg

8
src/routes/register/+page.svelte
View File

@ -80,7 +80,7 @@
<!-- <!--
<label class="w-full max-w-lg"> <label class="w-full max-w-lg">
<input <input
class="input input-bordered w-full max-w-lg bg-[#313131] whitespace-normal ring-2" class="input input-bordered w-full max-w-lg bg-secondary whitespace-normal ring-2"
type="password" type="password"
bind:value={password} bind:value={password}
on:input={checkPassword} on:input={checkPassword}
@ -193,7 +193,7 @@
on:click={() => (oauthLoading = !oauthLoading)} on:click={() => (oauthLoading = !oauthLoading)}
on:mouseenter={handleHoverGoogle} on:mouseenter={handleHoverGoogle}
on:mouseleave={handleHoverGoogle} on:mouseleave={handleHoverGoogle}
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-[#313131] text-white" class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
> >
<svg <svg
class="{isHoveredGoogle ? 'shake-logo' : ''} w-6 h-6 inline-block" class="{isHoveredGoogle ? 'shake-logo' : ''} w-6 h-6 inline-block"
@ -240,7 +240,7 @@
on:click={() => (oauthLoading = !oauthLoading)} on:click={() => (oauthLoading = !oauthLoading)}
on:mouseenter={handleHoverDiscord} on:mouseenter={handleHoverDiscord}
on:mouseleave={handleHoverDiscord} on:mouseleave={handleHoverDiscord}
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-[#313131] text-white" class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
> >
<svg <svg
class="{isHoveredDiscord class="{isHoveredDiscord
@ -774,7 +774,7 @@
on:click={() => (oauthLoading = !oauthLoading)} on:click={() => (oauthLoading = !oauthLoading)}
on:mouseenter={handleHoverGithub} on:mouseenter={handleHoverGithub}
on:mouseleave={handleHoverGithub} on:mouseleave={handleHoverGithub}
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-[#313131] text-white" class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
> >
<svg <svg
class="{isHoveredGithub class="{isHoveredGithub

52
src/routes/stock-screener/+page.svelte
View File

@ -2300,7 +2300,7 @@ const handleKeyDown = (event) => {
<DropdownMenu.Trigger asChild let:builder> <DropdownMenu.Trigger asChild let:builder>
<Button <Button
builders={[builder]} builders={[builder]}
class="w-full border-gray-600 border bg-[#09090B] sm:hover:bg-[#27272A] ease-out flex flex-row justify-between items-center px-3 py-2 text-white rounded-md truncate" class="w-full border-gray-600 border bg-[#09090B] sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2 text-white rounded-md truncate"
> >
<span class="truncate text-white" <span class="truncate text-white"
>{selectedPopularStrategy?.length !== 0 >{selectedPopularStrategy?.length !== 0
@ -2332,38 +2332,38 @@ const handleKeyDown = (event) => {
<DropdownMenu.Group> <DropdownMenu.Group>
<DropdownMenu.Item <DropdownMenu.Item
on:click={() => popularStrategy("dividendGrowth")} on:click={() => popularStrategy("dividendGrowth")}
class="cursor-pointer hover:bg-[#27272A]" class="cursor-pointer hover:bg-primary"
> >
Dividend Growth Dividend Growth
</DropdownMenu.Item> </DropdownMenu.Item>
<DropdownMenu.Item <DropdownMenu.Item
on:click={() => popularStrategy("topGainers1Y")} on:click={() => popularStrategy("topGainers1Y")}
class="cursor-pointer hover:bg-[#27272A]" class="cursor-pointer hover:bg-primary"
> >
Top Gainers 1Y Top Gainers 1Y
</DropdownMenu.Item> </DropdownMenu.Item>
<DropdownMenu.Item <DropdownMenu.Item
on:click={() => popularStrategy("topShortedStocks")} on:click={() => popularStrategy("topShortedStocks")}
class="cursor-pointer hover:bg-[#27272A]" class="cursor-pointer hover:bg-primary"
> >
Top Shorted Stocks Top Shorted Stocks
</DropdownMenu.Item> </DropdownMenu.Item>
<DropdownMenu.Item <DropdownMenu.Item
on:click={() => popularStrategy("momentumTAStocks")} on:click={() => popularStrategy("momentumTAStocks")}
class="cursor-pointer hover:bg-[#27272A]" class="cursor-pointer hover:bg-primary"
> >
Momentum TA Stocks Momentum TA Stocks
</DropdownMenu.Item> </DropdownMenu.Item>
<DropdownMenu.Item <DropdownMenu.Item
on:click={() => popularStrategy("underValuedStocks")} on:click={() => popularStrategy("underValuedStocks")}
class="cursor-pointer hover:bg-[#27272A]" class="cursor-pointer hover:bg-primary"
> >
Undervalued Stocks Undervalued Stocks
</DropdownMenu.Item> </DropdownMenu.Item>
<DropdownMenu.Item <DropdownMenu.Item
on:click={() => popularStrategy("strongCashFlow")} on:click={() => popularStrategy("strongCashFlow")}
class="cursor-pointer hover:bg-[#27272A]" class="cursor-pointer hover:bg-primary"
> >
Strong Cash Flow Strong Cash Flow
</DropdownMenu.Item> </DropdownMenu.Item>
@ -2384,7 +2384,7 @@ const handleKeyDown = (event) => {
<DropdownMenu.Trigger asChild let:builder> <DropdownMenu.Trigger asChild let:builder>
<Button <Button
builders={[builder]} builders={[builder]}
class="min-w-[110px] w-full border-gray-600 border bg-[#09090B] sm:hover:bg-[#27272A] ease-out flex flex-row justify-between items-center px-3 py-2 text-white rounded-md truncate" class="min-w-[110px] w-full border-gray-600 border bg-[#09090B] sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2 text-white rounded-md truncate"
> >
<span class="truncate text-white" <span class="truncate text-white"
>{selectedStrategy?.length !== 0 >{selectedStrategy?.length !== 0
@ -2441,8 +2441,8 @@ const handleKeyDown = (event) => {
<DropdownMenu.Item <DropdownMenu.Item
on:click={() => switchStrategy(item)} on:click={() => switchStrategy(item)}
class="{item?.id === selectedStrategy class="{item?.id === selectedStrategy
? 'bg-[#27272A]' ? 'bg-primary'
: ''} cursor-pointer sm:hover:bg-[#27272A]" : ''} cursor-pointer sm:hover:bg-primary"
> >
{item?.title} ({item?.rules?.length}) {item?.title} ({item?.rules?.length})
</DropdownMenu.Item> </DropdownMenu.Item>
@ -2570,7 +2570,7 @@ const handleKeyDown = (event) => {
</svg> </svg>
</div> </div>
<input type="text" placeholder="Search {allRows?.length} filters..." class="controls-input rounded-md w-full py-2 pl-10 placeholder:text-gray-300 bg-[#313131] sm:w-72"> <input type="text" placeholder="Search {allRows?.length} filters..." class="controls-input rounded-md w-full py-2 pl-10 placeholder:text-gray-300 bg-secondary sm:w-72">
<div class="absolute inset-y-0 right-0 flex items-center pr-2"></div> <div class="absolute inset-y-0 right-0 flex items-center pr-2"></div>
</div> </div>
@ -2799,12 +2799,12 @@ const handleKeyDown = (event) => {
<DropdownMenu.Group class="min-h-10 mt-2"> <DropdownMenu.Group class="min-h-10 mt-2">
{#if !["sma20", "sma50", "sma100", "sma200", "ema20", "ema50", "ema100", "ema200", "grahamNumber", "analystRating", "halalStocks", "score", "sector", "industry", "country"]?.includes(row?.rule)} {#if !["sma20", "sma50", "sma100", "sma200", "ema20", "ema50", "ema100", "ema200", "grahamNumber", "analystRating", "halalStocks", "score", "sector", "industry", "country"]?.includes(row?.rule)}
{#each row?.step as newValue} {#each row?.step as newValue}
<DropdownMenu.Item class="sm:hover:bg-[#27272A]"> <DropdownMenu.Item class="sm:hover:bg-primary">
<button <button
on:click={() => { on:click={() => {
handleChangeValue(newValue); handleChangeValue(newValue);
}} }}
class="block w-full border-b border-gray-600 px-4 py-1.5 text-left text-sm sm:text-[1rem] rounded text-white last:border-0 sm:hover:bg-[#27272A] focus:bg-blue-100 focus:text-gray-900 focus:outline-none" class="block w-full border-b border-gray-600 px-4 py-1.5 text-left text-sm sm:text-[1rem] rounded text-white last:border-0 sm:hover:bg-primary focus:bg-blue-100 focus:text-gray-900 focus:outline-none"
> >
{ruleCondition[row?.rule] !== undefined {ruleCondition[row?.rule] !== undefined
? ruleCondition[row?.rule] ? ruleCondition[row?.rule]
@ -2815,7 +2815,7 @@ const handleKeyDown = (event) => {
{/each} {/each}
{:else if ["sma20", "sma50", "sma100", "sma200", "ema20", "ema50", "ema100", "ema200", "grahamNumber"]?.includes(row?.rule)} {:else if ["sma20", "sma50", "sma100", "sma200", "ema20", "ema50", "ema100", "ema200", "grahamNumber"]?.includes(row?.rule)}
{#each row?.step as item} {#each row?.step as item}
<DropdownMenu.Item class="sm:hover:bg-[#27272A]"> <DropdownMenu.Item class="sm:hover:bg-primary">
<div <div
class="flex items-center" class="flex items-center"
on:click|capture={(event) => on:click|capture={(event) =>
@ -2840,7 +2840,7 @@ const handleKeyDown = (event) => {
{/each} {/each}
{:else} {:else}
{#each testList.length > 0 && searchQuery?.length > 0 ? testList : searchQuery?.length > 0 && testList?.length === 0 ? [] : row?.rule === "country" ? listOfRelevantCountries : row?.rule === "sector" ? sectorList : row?.rule === "industry" ? industryList : ruleName === "analystRating" || ruleName === "score" ? ["Strong Buy", "Buy", "Hold", "Sell", "Strong Sell"] : ["Compliant", "Non-Compliant"] as item} {#each testList.length > 0 && searchQuery?.length > 0 ? testList : searchQuery?.length > 0 && testList?.length === 0 ? [] : row?.rule === "country" ? listOfRelevantCountries : row?.rule === "sector" ? sectorList : row?.rule === "industry" ? industryList : ruleName === "analystRating" || ruleName === "score" ? ["Strong Buy", "Buy", "Hold", "Sell", "Strong Sell"] : ["Compliant", "Non-Compliant"] as item}
<DropdownMenu.Item class="sm:hover:bg-[#27272A]"> <DropdownMenu.Item class="sm:hover:bg-primary">
<div <div
class="flex items-center" class="flex items-center"
on:click|capture={(event) => on:click|capture={(event) =>
@ -2939,9 +2939,9 @@ const handleKeyDown = (event) => {
<li> <li>
<button <button
on:click={() => (displayTableTab = "general")} on:click={() => (displayTableTab = "general")}
class="text-[1rem] sm:text-lg block text-white rounded-md px-2 py-1 focus:outline-none sm:hover:bg-[#27272A] {displayTableTab === class="text-[1rem] sm:text-lg block text-white rounded-md px-2 py-1 focus:outline-none sm:hover:bg-primary {displayTableTab ===
'general' 'general'
? 'font-semibold bg-[#27272A]' ? 'font-semibold bg-primary'
: ''}" : ''}"
> >
General General
@ -2950,9 +2950,9 @@ const handleKeyDown = (event) => {
<li> <li>
<button <button
on:click={() => (displayTableTab = "filters")} on:click={() => (displayTableTab = "filters")}
class="text-[1rem] sm:text-lg flex flex-row items-center relative block rounded-md px-2 py-1 sm:hover:bg-[#27272A] {displayTableTab === class="text-[1rem] sm:text-lg flex flex-row items-center relative block rounded-md px-2 py-1 sm:hover:bg-primary {displayTableTab ===
'filters' 'filters'
? 'font-semibold bg-[#27272A]' ? 'font-semibold bg-primary'
: ''} focus:outline-none" : ''} focus:outline-none"
> >
<span class="text-white">Filters</span> <span class="text-white">Filters</span>
@ -2971,9 +2971,9 @@ const handleKeyDown = (event) => {
<button <button
on:mouseover={handleMouseOver} on:mouseover={handleMouseOver}
on:click={() => changeTab("performance")} on:click={() => changeTab("performance")}
class="text-[1rem] sm:text-lg block text-white rounded-md px-2 py-1 focus:outline-none sm:hover:bg-[#27272A] {displayTableTab === class="text-[1rem] sm:text-lg block text-white rounded-md px-2 py-1 focus:outline-none sm:hover:bg-primary {displayTableTab ===
'performance' 'performance'
? 'font-semibold bg-[#27272A]' ? 'font-semibold bg-primary'
: ''}" : ''}"
> >
Performance Performance
@ -3005,7 +3005,7 @@ const handleKeyDown = (event) => {
<tbody> <tbody>
{#each displayResults as item} {#each displayResults as item}
<tr <tr
class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#09090B] border-b-[#09090B] odd:bg-[#27272A]" class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#09090B] border-b-[#09090B] odd:bg-secondary"
> >
<td class="border-b-[#09090B] whitespace-nowrap"> <td class="border-b-[#09090B] whitespace-nowrap">
<a <a
@ -3086,7 +3086,7 @@ const handleKeyDown = (event) => {
on:click={() => { on:click={() => {
handleSave(false); handleSave(false);
}} }}
class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#09090B] border-b-[#09090B] odd:bg-[#27272A]" class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#09090B] border-b-[#09090B] odd:bg-secondary"
> >
<td class="border-b-[#09090B] whitespace-nowrap"> <td class="border-b-[#09090B] whitespace-nowrap">
<a <a
@ -3139,7 +3139,7 @@ const handleKeyDown = (event) => {
on:click={() => { on:click={() => {
handleSave(false); handleSave(false);
}} }}
class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#09090B] border-b-[#09090B] odd:bg-[#27272A]" class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#09090B] border-b-[#09090B] odd:bg-secondary"
> >
<td class="border-b-[#09090B] whitespace-nowrap"> <td class="border-b-[#09090B] whitespace-nowrap">
<a <a
@ -3383,7 +3383,7 @@ const handleKeyDown = (event) => {
class="cursor-pointer modal-backdrop bg-[#000] bg-opacity-[0.5]" class="cursor-pointer modal-backdrop bg-[#000] bg-opacity-[0.5]"
></label> ></label>
<div class="modal-box w-full bg-[#27272A] border border-gray-600"> <div class="modal-box w-full bg-primary border border-gray-600">
<h1 class="text-white text-2xl font-bold">New Strategy</h1> <h1 class="text-white text-2xl font-bold">New Strategy</h1>
<form <form
@ -3421,7 +3421,7 @@ const handleKeyDown = (event) => {
></label> ></label>
<div <div
class="modal-box w-full bg-[#27272A] border border-gray-600 overflow-hidden" class="modal-box w-full bg-primary border border-gray-600 overflow-hidden"
> >
<h3 <h3
class="font-bold text-md sm:text-lg flex justify-center items-center mt-10 text-white" class="font-bold text-md sm:text-lg flex justify-center items-center mt-10 text-white"

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

@ -870,8 +870,8 @@
on:click={() => changeSection("overview")} on:click={() => changeSection("overview")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'overview' 'overview'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
Overview Overview
</a> </a>
@ -880,8 +880,8 @@
on:click={() => changeSection("financials")} on:click={() => changeSection("financials")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'financials' 'financials'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
Financials Financials
</a> </a>
@ -890,8 +890,8 @@
on:click={() => changeSection("statistics")} on:click={() => changeSection("statistics")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'statistics' 'statistics'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
>Statistics</a >Statistics</a
> >
@ -901,8 +901,8 @@
on:click={() => changeSection("metrics")} on:click={() => changeSection("metrics")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'metrics' 'metrics'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
>Metrics</a >Metrics</a
> >
{/if} {/if}
@ -913,8 +913,8 @@
on:click={() => changeSection("forecast")} on:click={() => changeSection("forecast")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'forecast' 'forecast'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
Forecast Forecast
</a> </a>
@ -924,8 +924,8 @@
on:click={() => changeSection("options")} on:click={() => changeSection("options")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'options' 'options'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
Options Options
</a> </a>
@ -934,8 +934,8 @@
on:click={() => changeSection("insider")} on:click={() => changeSection("insider")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'insider' 'insider'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
Insider Insider
</a> </a>
@ -944,8 +944,8 @@
on:click={() => changeSection("dividends")} on:click={() => changeSection("dividends")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'dividends' 'dividends'
? 'text-white bg-[#27272A] sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-[#27272A] sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}"
> >
Dividends Dividends
</a> </a>

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

@ -777,7 +777,7 @@
<DropdownMenu.Trigger asChild let:builder> <DropdownMenu.Trigger asChild let:builder>
<Button <Button
builders={[builder]} builders={[builder]}
class="ml-auto border-gray-600 border bg-[#09090B] sm:hover:bg-[#27272A] ease-out flex flex-row justify-between items-center px-3 py-2 text-white rounded-md truncate" class="ml-auto border-gray-600 border bg-[#09090B] sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2 text-white rounded-md truncate"
> >
<span class="truncate text-white">Export</span> <span class="truncate text-white">Export</span>
<svg <svg
@ -804,22 +804,22 @@
<DropdownMenu.Separator /> <DropdownMenu.Separator />
<DropdownMenu.Group> <DropdownMenu.Group>
<!-- <!--
<DropdownMenu.Item on:click={exportData} class="cursor-pointer sm:hover:bg-[#27272A]"> <DropdownMenu.Item on:click={exportData} class="cursor-pointer sm:hover:bg-primary">
<svg class="w-3.5 h-3.5 mr-1 {data?.user?.tier === 'Pro' ? 'hidden' : ''}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#A3A3A3" d="M17 9V7c0-2.8-2.2-5-5-5S7 4.2 7 7v2c-1.7 0-3 1.3-3 3v7c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3v-7c0-1.7-1.3-3-3-3M9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v2H9z"/></svg> <svg class="w-3.5 h-3.5 mr-1 {data?.user?.tier === 'Pro' ? 'hidden' : ''}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#A3A3A3" d="M17 9V7c0-2.8-2.2-5-5-5S7 4.2 7 7v2c-1.7 0-3 1.3-3 3v7c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3v-7c0-1.7-1.3-3-3-3M9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v2H9z"/></svg>
1 min 1 min
</DropdownMenu.Item> </DropdownMenu.Item>
<DropdownMenu.Item on:click={exportData} class="cursor-pointer sm:hover:bg-[#27272A]"> <DropdownMenu.Item on:click={exportData} class="cursor-pointer sm:hover:bg-primary">
<svg class="w-3.5 h-3.5 mr-1 {data?.user?.tier === 'Pro' ? 'hidden' : ''}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#A3A3A3" d="M17 9V7c0-2.8-2.2-5-5-5S7 4.2 7 7v2c-1.7 0-3 1.3-3 3v7c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3v-7c0-1.7-1.3-3-3-3M9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v2H9z"/></svg> <svg class="w-3.5 h-3.5 mr-1 {data?.user?.tier === 'Pro' ? 'hidden' : ''}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#A3A3A3" d="M17 9V7c0-2.8-2.2-5-5-5S7 4.2 7 7v2c-1.7 0-3 1.3-3 3v7c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3v-7c0-1.7-1.3-3-3-3M9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v2H9z"/></svg>
5 min 5 min
</DropdownMenu.Item> </DropdownMenu.Item>
<DropdownMenu.Item on:click={exportData} class="cursor-pointer sm:hover:bg-[#27272A]"> <DropdownMenu.Item on:click={exportData} class="cursor-pointer sm:hover:bg-primary">
<svg class="w-3.5 h-3.5 mr-1 {data?.user?.tier === 'Pro' ? 'hidden' : ''}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#A3A3A3" d="M17 9V7c0-2.8-2.2-5-5-5S7 4.2 7 7v2c-1.7 0-3 1.3-3 3v7c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3v-7c0-1.7-1.3-3-3-3M9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v2H9z"/></svg> <svg class="w-3.5 h-3.5 mr-1 {data?.user?.tier === 'Pro' ? 'hidden' : ''}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#A3A3A3" d="M17 9V7c0-2.8-2.2-5-5-5S7 4.2 7 7v2c-1.7 0-3 1.3-3 3v7c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3v-7c0-1.7-1.3-3-3-3M9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v2H9z"/></svg>
15 min 15 min
</DropdownMenu.Item> </DropdownMenu.Item>
--> -->
<DropdownMenu.Item <DropdownMenu.Item
on:click={() => exportData("30min")} on:click={() => exportData("30min")}
class="cursor-pointer sm:hover:bg-[#27272A]" class="cursor-pointer sm:hover:bg-primary"
> >
<svg <svg
class="w-3.5 h-3.5 mr-1 {data?.user?.tier === 'Pro' class="w-3.5 h-3.5 mr-1 {data?.user?.tier === 'Pro'
@ -837,7 +837,7 @@
</DropdownMenu.Item> </DropdownMenu.Item>
<DropdownMenu.Item <DropdownMenu.Item
on:click={() => exportData("1hour")} on:click={() => exportData("1hour")}
class="cursor-pointer sm:hover:bg-[#27272A]" class="cursor-pointer sm:hover:bg-primary"
> >
<svg <svg
class="w-3.5 h-3.5 mr-1 {data?.user?.tier === 'Pro' class="w-3.5 h-3.5 mr-1 {data?.user?.tier === 'Pro'
@ -854,7 +854,7 @@
</DropdownMenu.Item> </DropdownMenu.Item>
<DropdownMenu.Item <DropdownMenu.Item
on:click={() => exportData("max")} on:click={() => exportData("max")}
class="cursor-pointer sm:hover:bg-[#27272A]" class="cursor-pointer sm:hover:bg-primary"
> >
<svg <svg
class="w-3.5 h-3.5 mr-1 {data?.user?.tier === 'Pro' class="w-3.5 h-3.5 mr-1 {data?.user?.tier === 'Pro'

Some files were not shown because too many files have changed in this diff Show More