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

ui fixes

Browse Source
This commit is contained in:
MuslemRahimi 2024-12-26 11:20:10 +01:00
parent 184aa60c2b
commit 9c5f39fc6f
160 changed files with 1252 additions and 1186 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app.html
View File

@ -1,6 +1,6 @@
<!doctype html> <!doctype html>
<html lang="en" class="bg-[#09090B]"> <html lang="en" class="bg-default">
<head> <head>
<link rel="icon" href="%sveltekit.assets%/favicon.png" /> <link rel="icon" href="%sveltekit.assets%/favicon.png" />
<link rel="manifest" href="%sveltekit.assets%/manifest.json" /> <link rel="manifest" href="%sveltekit.assets%/manifest.json" />
@ -12,7 +12,7 @@
<!-- Global background color --> <!-- Global background color -->
<body <body
data-sveltekit-preload-data="hover" data-sveltekit-preload-data="hover"
class="bg-[#09090B] overflow-x-hidden" class="bg-default overflow-x-hidden"
> >
<div>%sveltekit.body%</div> <div>%sveltekit.body%</div>
</body> </body>

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

@ -17,7 +17,7 @@
<main class="overflow-hidden"> <main class="overflow-hidden">
<div class="w-full"> <div class="w-full">
<div <div
class="flex flex-col items-center w-auto p-4 sm:p-4 bg-[#09090B] sm:bg-[#09090B] rounded-md relative" class="flex flex-col items-center w-auto p-4 sm:p-4 bg-default sm:bg-default rounded-md relative"
> >
<div class="relative"> <div class="relative">
<h3 class="text-center text-white text-sm sm:text-[1rem] mb-2"> <h3 class="text-center text-white text-sm sm:text-[1rem] mb-2">
@ -184,10 +184,12 @@
for you. for you.
</p> </p>
<table class="table table-sm table-compact w-full mt-5 mb-10 text-white"> <table
class="table table-sm table-compact bg-table border border-gray-800 w-full mt-5 mb-10 text-white"
>
<!-- head --> <!-- head -->
<thead> <thead>
<tr class="border-b border-slate-700 odd:bg-odd"> <tr class="border-b border-gray-800 odd:bg-odd">
<th class=" text-white text-sm font-semibold"> <th class=" text-white text-sm font-semibold">
Bullish Probability Bullish Probability
</th> </th>
@ -197,48 +199,48 @@
</thead> </thead>
<tbody> <tbody>
<!-- row 1 --> <!-- row 1 -->
<tr class="border-b border-slate-700 odd:bg-odd"> <tr class="border-b border-gray-800 odd:bg-odd">
<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-odd"> <tr class="border-b border-gray-800 odd:bg-odd">
<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-odd"> <tr class="border-b border-gray-800 odd:bg-odd">
<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-odd"> <tr class="border-b border-gray-800 odd:bg-odd">
<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-odd"> <tr class="border-b border-gray-800 odd:bg-odd">
<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-odd"> <tr class="border-b border-gray-800 odd:bg-odd">
<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-odd"> <tr class="border-b border-gray-800 odd:bg-odd">
<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-odd"> <tr class="border-b border-gray-800 odd:bg-odd">
<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-odd"> <tr class="border-b border-gray-800 odd:bg-odd">
<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>

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

@ -87,7 +87,7 @@
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-[#09090B] overflow-hidden"> <div class="modal-box w-full bg-default overflow-hidden">
<div class="flex flex-col w-full mt-10 sm:mt-0"> <div class="flex flex-col w-full mt-10 sm:mt-0">
<div class="text-white text-3xl font-bold mb-5"> <div class="text-white text-3xl font-bold mb-5">
Portfolio Tournament 🔥🚀 Portfolio Tournament 🔥🚀
@ -290,7 +290,7 @@
</div> </div>
<div <div
class="text-white text-sm border bg-[#09090B] border-gray-800 p-3 rounded-md overflow-y-scroll h-56" class="text-white text-sm border bg-default 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">

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

@ -49,7 +49,7 @@
: 'hidden'}" : 'hidden'}"
> >
<div <div
class="sm:rounded-md shadow-lg bg-[#000] sm:bg-[#09090B] sm:border sm:border-gray-600 h-auto {$screenWidth < class="sm:rounded-md shadow-lg bg-[#000] sm:bg-default sm:border sm:border-gray-600 h-auto {$screenWidth <
640 640
? 'w-screen pt-16' ? 'w-screen pt-16'
: ''} md:w-[420px] xl:w-[450px] -mx-1 sm:mx-0" : ''} md:w-[420px] xl:w-[450px] -mx-1 sm:mx-0"

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

@ -769,7 +769,7 @@
class="no-scrollbar flex justify-start items-center w-screen sm:w-full mt-6 m-auto overflow-x-scroll pr-5 sm:pr-0" class="no-scrollbar flex justify-start items-center w-screen sm:w-full mt-6 m-auto overflow-x-scroll pr-5 sm:pr-0"
> >
<table <table
class="table table-sm table-pin-cols table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B]" class="table table-sm table-pin-cols table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800"
> >
<thead class=""> <thead class="">
<tr class=""> <tr class="">
@ -779,7 +779,7 @@
> >
{#each xData as item} {#each xData as item}
<td <td
class="z-20 bg-primary 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-default"
>{"FY" + item}</td >{"FY" + item}</td
> >
{/each} {/each}
@ -794,7 +794,7 @@
</th> </th>
{#each tableCombinedRevenue as item} {#each tableCombinedRevenue as item}
<td <td
class="text-white text-sm sm:text-[1rem] text-end font-medium border-b border-[#27272A] bg-[#09090B]" class="text-white text-sm sm:text-[1rem] text-end font-medium border-b border-[#27272A] bg-default"
> >
{item?.val === "0.00" || {item?.val === "0.00" ||
item?.val === null || item?.val === null ||
@ -813,7 +813,7 @@
</th> </th>
{#each computeGrowthList(tableActualRevenue, tableCombinedRevenue) as item, index} {#each computeGrowthList(tableActualRevenue, tableCombinedRevenue) as item, index}
<td <td
class="text-white text-sm sm:text-[1rem] text-end font-medium bg-[#09090B]" class="text-white text-sm sm:text-[1rem] text-end font-medium bg-default"
> >
{#if index === 0 || item?.growth === null} {#if index === 0 || item?.growth === null}
n/a n/a
@ -848,7 +848,7 @@
</th> </th>
{#each tableCombinedEPS as item} {#each tableCombinedEPS as item}
<td <td
class="text-white text-sm sm:text-[1rem] text-end font-medium border-b border-[#27272A] bg-[#09090B]" class="text-white text-sm sm:text-[1rem] text-end font-medium border-b border-[#27272A] bg-default"
> >
{item?.val === "0.00" || {item?.val === "0.00" ||
item?.val === null || item?.val === null ||
@ -867,7 +867,7 @@
</th> </th>
{#each computeGrowthList(tableActualEPS, tableCombinedEPS) as item, index} {#each computeGrowthList(tableActualEPS, tableCombinedEPS) as item, index}
<td <td
class="text-white text-sm sm:text-[1rem] text-end font-medium bg-[#09090B]" class="text-white text-sm sm:text-[1rem] text-end font-medium bg-default"
> >
{#if index === 0 || item?.growth === null} {#if index === 0 || item?.growth === null}
n/a n/a
@ -901,7 +901,7 @@
</th> </th>
{#each tableCombinedNetIncome as item} {#each tableCombinedNetIncome as item}
<td <td
class="text-white text-sm sm:text-[1rem] text-end font-medium border-b border-[#27272A] bg-[#09090B]" class="text-white text-sm sm:text-[1rem] text-end font-medium border-b border-[#27272A] bg-default"
> >
{item?.val === "0.00" || {item?.val === "0.00" ||
item?.val === null || item?.val === null ||
@ -920,7 +920,7 @@
</th> </th>
{#each computeGrowthList(tableActualNetIncome, tableCombinedNetIncome) as item, index} {#each computeGrowthList(tableActualNetIncome, tableCombinedNetIncome) as item, index}
<td <td
class="text-white text-sm sm:text-[1rem] text-end font-medium bg-[#09090B]" class="text-white text-sm sm:text-[1rem] text-end font-medium bg-default"
> >
{#if index === 0 || item?.growth === null} {#if index === 0 || item?.growth === null}
n/a n/a
@ -955,7 +955,7 @@
</th> </th>
{#each tableCombinedEbitda as item} {#each tableCombinedEbitda as item}
<td <td
class="text-white text-sm sm:text-[1rem] text-end font-medium border-b border-[#27272A] bg-[#09090B]" class="text-white text-sm sm:text-[1rem] text-end font-medium border-b border-[#27272A] bg-default"
> >
{item?.val === "0.00" || {item?.val === "0.00" ||
item?.val === null || item?.val === null ||
@ -974,7 +974,7 @@
</th> </th>
{#each computeGrowthList(tableActualEbitda, tableCombinedEbitda) as item, index} {#each computeGrowthList(tableActualEbitda, tableCombinedEbitda) as item, index}
<td <td
class="text-white text-sm sm:text-[1rem] text-end font-medium bg-[#09090B]" class="text-white text-sm sm:text-[1rem] text-end font-medium bg-default"
> >
{#if index === 0 || item?.growth === null} {#if index === 0 || item?.growth === null}
n/a n/a
@ -1008,7 +1008,7 @@
> >
{#each tableCombinedRevenue as item} {#each tableCombinedRevenue as item}
<td <td
class="text-white text-sm sm:text-[1rem] text-end font-medium border-b border-[#27272A] bg-[#09090B]" class="text-white text-sm sm:text-[1rem] text-end font-medium border-b border-[#27272A] bg-default"
> >
{#if item?.FY > 24} {#if item?.FY > 24}
{item?.numOfAnalysts === (null || 0) {item?.numOfAnalysts === (null || 0)

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

@ -26,7 +26,7 @@
</div> </div>
</div> </div>
<div class="pb-2 rounded-md bg-[#09090B]"> <div class="pb-2 rounded-md bg-default">
<div class="app w-full h-[300px] mt-5"> <div class="app w-full h-[300px] mt-5">
<Chart {init} options={optionsData} class="chart" /> <Chart {init} options={optionsData} class="chart" />
</div> </div>

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

@ -29,7 +29,7 @@
</div> </div>
</div> </div>
<div class="pb-2 rounded-md bg-[#09090B]"> <div class="pb-2 rounded-md bg-default">
<div class="app w-full h-[300px] mt-5"> <div class="app w-full h-[300px] mt-5">
<Chart {init} options={optionsData} class="chart" /> <Chart {init} options={optionsData} class="chart" />
</div> </div>
@ -45,15 +45,15 @@
<table class="table table-sm table-compact table-pin-rows table-pin-cols w-full"> <table class="table table-sm table-compact table-pin-rows table-pin-cols w-full">
<thead> <thead>
<tr> <tr>
<th class="text-white shadow-md font-semibold text-sm text-start bg-[#09090B]">Drug</th> <th class="text-white shadow-md font-semibold text-sm text-start bg-default">Drug</th>
<th class="text-white shadow-md font-semibold text-sm text-start bg-[#09090B]">Stage</th> <th class="text-white shadow-md font-semibold text-sm text-start bg-default">Stage</th>
<th class="text-white shadow-md font-semibold text-sm text-center bg-[#09090B]">Phase Status</th> <th class="text-white shadow-md font-semibold text-sm text-center bg-default">Phase Status</th>
<th class="text-white shadow-md font-semibold text-sm text-end bg-[#09090B]">Result</th> <th class="text-white shadow-md font-semibold text-sm text-end bg-default">Result</th>
</tr> </tr>
</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-odd 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-odd sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-default 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"])}
@ -223,7 +223,7 @@
<div class="lg:hidden drawer drawer-end z-40 overflow-hidden w-screen"> <div class="lg:hidden drawer drawer-end z-40 overflow-hidden w-screen">
<input id="clinicalMobileModal" type="checkbox" class="drawer-toggle" /> <input id="clinicalMobileModal" type="checkbox" class="drawer-toggle" />
<div class="drawer-side overflow-hidden"> <div class="drawer-side overflow-hidden">
<div class="bg-[#09090B] min-h-screen w-screen pb-20 overflow-hidden"> <div class="bg-default min-h-screen w-screen pb-20 overflow-hidden">
<label for="clinicalMobileModal" class="absolute left-6 top-6"> <label for="clinicalMobileModal" class="absolute left-6 top-6">
<svg <svg
class="w-6 h-6 inline-block mb-0.5" class="w-6 h-6 inline-block mb-0.5"
@ -255,44 +255,44 @@
<td class="">{trialId}</td> <td class="">{trialId}</td>
</tr> </tr>
<tr <tr
class="border-b border-slate-700 odd:bg-odd even:bg-[#09090B]" class="border-b border-slate-700 odd:bg-odd even:bg-default"
> >
<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-odd even:bg-[#09090B]" class="border-b border-slate-700 odd:bg-odd even:bg-default"
> >
<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-odd even:bg-[#09090B]" class="border-b border-slate-700 odd:bg-odd even:bg-default"
> >
<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-odd even:bg-[#09090B]" class="border-b border-slate-700 odd:bg-odd even:bg-default"
> >
<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-odd even:bg-[#09090B]" class="border-b border-slate-700 odd:bg-odd even:bg-default"
> >
<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-odd even:bg-[#09090B]" class="border-b border-slate-700 odd:bg-odd even:bg-default"
> >
<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-odd even:bg-[#09090B]" class="border-b border-slate-700 odd:bg-odd even:bg-default"
> >
<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-odd even:bg-[#09090B]" class="border-b border-slate-700 odd:bg-odd even:bg-default"
> >
<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-odd even:bg-[#09090B]" class="border-b border-slate-700 odd:bg-odd even:bg-default"
> >
<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-odd even:bg-[#09090B]" class="border-b border-slate-700 odd:bg-odd even:bg-default"
> >
<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-odd even:bg-[#09090B]" class="border-b border-slate-700 odd:bg-odd even:bg-default"
> >
<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-odd even:bg-[#09090B]" class="border-b border-slate-700 odd:bg-odd even:bg-default"
> >
<td class="font-semibold">Website</td> <td class="font-semibold">Website</td>
<td class="" <td class=""

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

@ -18,7 +18,7 @@
{#if isLoaded} {#if isLoaded}
{#if rawData?.length !== 0} {#if rawData?.length !== 0}
<div class="mt-2 pb-8 sm:pb-2 rounded-md bg-[#09090B] sm:bg-[#09090B]"> <div class="mt-2 pb-8 sm:pb-2 rounded-md bg-default sm:bg-default">
<div class="w-full flex flex-col items-start"> <div class="w-full flex flex-col items-start">
<div class="text-white text-[1rem] mt-1 sm:mt-3 mb-1 w-full"> <div class="text-white text-[1rem] mt-1 sm:mt-3 mb-1 w-full">
Explore {$displayCompanyName}'s lobbying strategy by analyzing Explore {$displayCompanyName}'s lobbying strategy by analyzing

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

@ -112,7 +112,7 @@
> >
<div <div
on:click={() => stockSelector(item?.symbol)} on:click={() => stockSelector(item?.symbol)}
class="flex-shrink-0 mr-3 rounded-full w-8 h-8 sm:w-10 sm:h-10 relative bg-[#09090B]" class="flex-shrink-0 mr-3 rounded-full w-8 h-8 sm:w-10 sm:h-10 relative bg-default"
> >
<img <img
class="avatar rounded-full w-5 h-5 absolute inset-1/2 transform -translate-x-1/2 -translate-y-1/2" class="avatar rounded-full w-5 h-5 absolute inset-1/2 transform -translate-x-1/2 -translate-y-1/2"

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

@ -42,7 +42,7 @@
} }
</script> </script>
<section class="bg-[#09090B] overflow-hidden text-white h-full sm:mb-0"> <section class="bg-default overflow-hidden text-white h-full sm:mb-0">
<div class="flex justify-center m-auto h-full overflow-hidden"> <div class="flex justify-center m-auto h-full overflow-hidden">
<div <div
class="relative flex justify-center items-center overflow-hidden w-full" class="relative flex justify-center items-center overflow-hidden w-full"
@ -82,7 +82,7 @@
: ''}" : ''}"
> >
<div <div
class="flex-shrink-0 mr-3 rounded-full w-10 h-10 relative bg-[#09090B]" class="flex-shrink-0 mr-3 rounded-full w-10 h-10 relative bg-default"
> >
<img <img
class="flex-shrink-0 rounded-full w-7 h-7 absolute inset-1/2 transform -translate-x-1/2 -translate-y-1/2" class="flex-shrink-0 rounded-full w-7 h-7 absolute inset-1/2 transform -translate-x-1/2 -translate-y-1/2"

34
src/lib/components/CryptoProfileCard.svelte
View File

@ -49,7 +49,7 @@
<div class="sm:space-y-3"> <div class="sm:space-y-3">
<div <div
class="lg:rounded-md shadow-lg sm:border sm:border-gray-600 bg-[#000] lg:bg-[#09090B] h-auto h-auto w-screen pt-16 sm:w-full md:w-[420px] xl:w-[450px] lg:pt-0" class="lg:rounded-md shadow-lg sm:border sm:border-gray-600 bg-[#000] lg:bg-default h-auto h-auto w-screen pt-16 sm:w-full md:w-[420px] xl:w-[450px] lg:pt-0"
> >
<!--Start Header--> <!--Start Header-->
<div <div
@ -93,21 +93,21 @@
style="font-size: 0.8rem" style="font-size: 0.8rem"
> >
<td <td
class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-[#09090B] text-white font-medium" class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-medium"
>Name</td >Name</td
> >
<td <td
class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-[#09090B]" class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default"
>{$displayCompanyName?.length > 30 >{$displayCompanyName?.length > 30
? $displayCompanyName?.slice(0, 30) + "..." ? $displayCompanyName?.slice(0, 30) + "..."
: $displayCompanyName}</td : $displayCompanyName}</td
> >
<td <td
class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-[#09090B] text-white font-medium" class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-medium"
>Ticker</td >Ticker</td
> >
<td <td
class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-[#09090B]" class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default"
>{$cryptoTicker}</td >{$cryptoTicker}</td
> >
</tr> </tr>
@ -117,19 +117,19 @@
style="font-size: 0.8rem" style="font-size: 0.8rem"
> >
<td <td
class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-[#09090B] text-white font-medium" class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-medium"
>Mkt Cap</td >Mkt Cap</td
> >
<td <td
class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-[#09090B] whitespace-normal" class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default whitespace-normal"
>{abbreviateNumber(marketCap, true)}</td >{abbreviateNumber(marketCap, true)}</td
> >
<td <td
class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-[#09090B] text-white font-medium" class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-medium"
>Total Volume</td >Total Volume</td
> >
<td <td
class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-[#09090B] whitespace-normal" class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default whitespace-normal"
>{abbreviateNumber(totalVolume)}</td >{abbreviateNumber(totalVolume)}</td
> >
</tr> </tr>
@ -139,19 +139,19 @@
style="font-size: 0.8rem" style="font-size: 0.8rem"
> >
<td <td
class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-[#09090B] text-white font-medium" class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-medium"
>Circulating Supply</td >Circulating Supply</td
> >
<td <td
class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-[#09090B] whitespace-normal" class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default whitespace-normal"
>{abbreviateNumber(circulatingSupply)}</td >{abbreviateNumber(circulatingSupply)}</td
> >
<td <td
class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-[#09090B] text-white font-medium" class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-medium"
>Max Supply</td >Max Supply</td
> >
<td <td
class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-[#09090B] whitespace-normal" class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default whitespace-normal"
>{maxSupply !== null >{maxSupply !== null
? abbreviateNumber(maxSupply) ? abbreviateNumber(maxSupply)
: "Uncapped"}</td : "Uncapped"}</td
@ -163,22 +163,22 @@
style="font-size: 0.8rem" style="font-size: 0.8rem"
> >
<td <td
class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-[#09090B] text-white font-medium" class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-medium"
>ATH Price</td >ATH Price</td
> >
<td <td
class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-[#09090B] whitespace-normal" class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default whitespace-normal"
>${new Intl.NumberFormat("en", { >${new Intl.NumberFormat("en", {
minimumFractionDigits: 2, minimumFractionDigits: 2,
maximumFractionDigits: 2, maximumFractionDigits: 2,
}).format(athPrice)}</td }).format(athPrice)}</td
> >
<td <td
class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-[#09090B] text-white font-medium" class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-medium"
>ATH Date</td >ATH Date</td
> >
<td <td
class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-[#09090B] whitespace-normal" class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default whitespace-normal"
>{new Date(athDate).toLocaleString("en-US", { >{new Date(athDate).toLocaleString("en-US", {
month: "short", month: "short",
day: "numeric", day: "numeric",

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

@ -244,7 +244,7 @@
{#if isLoaded} {#if isLoaded}
{#if fairPrice !== null} {#if fairPrice !== null}
<div <div
class="p-3 sm:p-0 mt-2 pb-8 sm:pb-2 rounded-md bg-[#09090B] sm:bg-[#09090B]" class="p-3 sm:p-0 mt-2 pb-8 sm:pb-2 rounded-md bg-default sm:bg-default"
> >
<div <div
class="mt-4 text-white text-[1rem] sm:text-xl pb-4 sm:pb-0 m-auto text-start" class="mt-4 text-white text-[1rem] sm:text-xl pb-4 sm:pb-0 m-auto text-start"

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

@ -33,7 +33,7 @@
</div> </div>
</div> </div>
<div class="pb-2 rounded-md bg-[#09090B]"> <div class="pb-2 rounded-md bg-default">
<div class="app w-full h-[300px] mt-5"> <div class="app w-full h-[300px] mt-5">
<Chart {init} options={optionsData} class="chart" /> <Chart {init} options={optionsData} class="chart" />
</div> </div>

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

@ -56,7 +56,7 @@
<div <div
class="text-white text-[1rem] {latestInfoDate(rawData?.date) class="text-white text-[1rem] {latestInfoDate(rawData?.date)
? 'bg-[#F9AB00] bg-opacity-[0.1] p-3 rounded-md' ? 'bg-[#F9AB00] bg-opacity-[0.1] p-3 rounded-md'
: 'bg-[#09090B] pl-1'}" : 'bg-default pl-1'}"
> >
<div class="mt-1"> <div class="mt-1">
{$displayCompanyName} has announced its upcoming dividend details on {new Date( {$displayCompanyName} has announced its upcoming dividend details on {new Date(

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

@ -24,7 +24,7 @@
: 'hidden'}" : 'hidden'}"
> >
<div <div
class="sm:rounded-md shadow-lg bg-[#000] lg:bg-[#09090B] lg:border lg:border-gray-600 h-auto {$screenWidth <= class="sm:rounded-md shadow-lg bg-[#000] lg:bg-default lg:border lg:border-gray-600 h-auto {$screenWidth <=
800 800
? 'w-screen pt-16' ? 'w-screen pt-16'
: ''} md:w-[420px] xl:w-[450px]" : ''} md:w-[420px] xl:w-[450px]"
@ -45,15 +45,15 @@
<thead> <thead>
<tr> <tr>
<th <th
class="text-white font-semibold text-sm text-start bg-[#000] lg:bg-[#09090B]" class="text-white font-semibold text-sm text-start bg-[#000] lg:bg-default"
>Ex-Dividend</th >Ex-Dividend</th
> >
<th <th
class="text-white font-semibold text-sm text-end bg-[#000] lg:bg-[#09090B]" class="text-white font-semibold text-sm text-end bg-[#000] lg:bg-default"
>Payment Date</th >Payment Date</th
> >
<th <th
class="text-white font-semibold text-sm text-end bg-[#000] lg:bg-[#09090B]" class="text-white font-semibold text-sm text-end bg-[#000] lg:bg-default"
>Amount</th >Amount</th
> >
</tr> </tr>
@ -62,7 +62,7 @@
<tbody> <tbody>
{#each dividendHistoryList?.slice(0, 5) as item} {#each dividendHistoryList?.slice(0, 5) as item}
<tr <tr
class="text-white bg-[#000] lg:bg-[#09090B] border-b border-[#000] lg:border-[#27272A]" class="text-white bg-[#000] lg:bg-default border-b border-[#000] lg:border-[#27272A]"
> >
<td class="text-start text-sm text-white font-medium"> <td class="text-start text-sm text-white font-medium">
{new Date(item?.date)?.toLocaleString("en-US", { {new Date(item?.date)?.toLocaleString("en-US", {

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-primary 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-default 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

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

@ -51,7 +51,7 @@
: 'hidden'}" : 'hidden'}"
> >
<div <div
class="sm:rounded-md shadow-lg bg-[#000] sm:bg-[#09090B] sm:border sm:border-gray-600 h-auto sm:h-[470px] {$screenWidth < class="sm:rounded-md shadow-lg bg-[#000] sm:bg-default sm:border sm:border-gray-600 h-auto sm:h-[470px] {$screenWidth <
640 640
? 'w-screen pt-16' ? 'w-screen pt-16'
: ''} md:w-[420px] xl:w-[450px] -mx-1 sm:mx-0" : ''} md:w-[420px] xl:w-[450px] -mx-1 sm:mx-0"

68
src/lib/components/ETFProfileCard.svelte
View File

@ -77,11 +77,11 @@
<div class="sm:space-y-3"> <div class="sm:space-y-3">
<div <div
class="sm:rounded-md shadow-lg sm:border sm:border-gray-600 bg-[#000] lg:bg-[#09090B] h-auto h-auto w-screen pt-16 sm:w-full md:w-[420px] xl:w-[450px] lg:pt-0" class="sm:rounded-md shadow-lg sm:border sm:border-gray-600 bg-[#000] lg:bg-default h-auto h-auto w-screen pt-16 sm:w-full md:w-[420px] xl:w-[450px] lg:pt-0"
> >
<!--Start Header--> <!--Start Header-->
<div <div
class="lg:rounded-t-sm w-full h-[130px] bg-[#09090B] p-3 flex flex-col bg-cover bg-center bg-no-repeat" class="lg:rounded-t-sm w-full h-[130px] bg-default p-3 flex flex-col bg-cover bg-center bg-no-repeat"
style="background-image: url('{defaultImage}');" style="background-image: url('{defaultImage}');"
> >
<div class="flex flex-row pt-1 pb-2"> <div class="flex flex-row pt-1 pb-2">
@ -123,19 +123,19 @@
<tbody> <tbody>
<tr class="text-white border-b border-[#27272A]"> <tr class="text-white border-b border-[#27272A]">
<td <td
class="text-start bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap" class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
>Bid</td >Bid</td
> >
<td class="text-center sm:text-end bg-[#000] lg:bg-[#09090B]" <td class="text-center sm:text-end bg-[#000] lg:bg-default"
>{$wsBidPrice !== 0 && $wsBidPrice !== null >{$wsBidPrice !== 0 && $wsBidPrice !== null
? $wsBidPrice ? $wsBidPrice
: data?.getStockQuote?.bid}</td : data?.getStockQuote?.bid}</td
> >
<td <td
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap" class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
>Ask</td >Ask</td
> >
<td class="text-start sm:text-end bg-[#000] lg:bg-[#09090B]" <td class="text-start sm:text-end bg-[#000] lg:bg-default"
>{$wsAskPrice !== 0 && $wsAskPrice !== null >{$wsAskPrice !== 0 && $wsAskPrice !== null
? $wsAskPrice ? $wsAskPrice
: data?.getStockQuote?.ask}</td : data?.getStockQuote?.ask}</td
@ -143,110 +143,110 @@
</tr> </tr>
<tr class="text-white border-b border-[#27272A]"> <tr class="text-white border-b border-[#27272A]">
<td <td
class="text-start bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap" class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
>Provider</td >Provider</td
> >
<td <td
on:click={() => goto(`/etf/etf-providers/${provider}`)} on:click={() => goto(`/etf/etf-providers/${provider}`)}
class="text-center sm:text-end text-blue-400 lg:hover:text-white cursor-pointer bg-[#000] lg:bg-[#09090B]" class="text-center sm:text-end text-blue-400 lg:hover:text-white cursor-pointer bg-[#000] lg:bg-default"
>{formatETFName(provider)}</td >{formatETFName(provider)}</td
> >
<td <td
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap" class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
>Country</td >Country</td
> >
<td <td
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] whitespace-nowrap" class="text-start sm:text-end bg-[#000] lg:bg-default whitespace-nowrap"
>{country?.length !== 0 ? country : "-"}</td >{country?.length !== 0 ? country : "-"}</td
> >
</tr> </tr>
<tr class="text-white border-b border-[#27272A]"> <tr class="text-white border-b border-[#27272A]">
<td <td
class="text-start bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap" class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
>AUM</td >AUM</td
> >
<td class="text-center sm:text-end bg-[#000] lg:bg-[#09090B]" <td class="text-center sm:text-end bg-[#000] lg:bg-default"
>{abbreviateNumber(aum, true)}</td >{abbreviateNumber(aum, true)}</td
> >
<td <td
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap" class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
>Vol</td >Vol</td
> >
<td <td
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] whitespace-nowrap" class="text-start sm:text-end bg-[#000] lg:bg-default whitespace-nowrap"
>{abbreviateNumber(data?.getStockQuote?.volume)}</td >{abbreviateNumber(data?.getStockQuote?.volume)}</td
> >
</tr> </tr>
<tr class="text-white border-b border-[#27272A]"> <tr class="text-white border-b border-[#27272A]">
<td <td
class="text-start bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap" class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
>NAV</td >NAV</td
> >
<td class="text-center sm:text-end bg-[#000] lg:bg-[#09090B]" <td class="text-center sm:text-end bg-[#000] lg:bg-default"
>{info?.nav?.toFixed(2)}</td >{info?.nav?.toFixed(2)}</td
> >
<td <td
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap" class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
>Expense Ratio</td >Expense Ratio</td
> >
<td class="text-start sm:text-end bg-[#000] lg:bg-[#09090B]" <td class="text-start sm:text-end bg-[#000] lg:bg-default"
>{info?.expenseRatio?.toFixed(2)}%</td >{info?.expenseRatio?.toFixed(2)}%</td
> >
</tr> </tr>
<tr class="text-white border-b border-[#27272A]"> <tr class="text-white border-b border-[#27272A]">
<td <td
class="text-start bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap" class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
>Shares Out.</td >Shares Out.</td
> >
<td class="text-center sm:text-end bg-[#000] lg:bg-[#09090B]" <td class="text-center sm:text-end bg-[#000] lg:bg-default"
>{abbreviateNumber(data?.getStockQuote?.sharesOutstanding)}</td >{abbreviateNumber(data?.getStockQuote?.sharesOutstanding)}</td
> >
<td <td
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap" class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
>Avg. Vol</td >Avg. Vol</td
> >
<td <td
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] whitespace-nowrap" class="text-start sm:text-end bg-[#000] lg:bg-default whitespace-nowrap"
>{abbreviateNumber(avgVolume)}</td >{abbreviateNumber(avgVolume)}</td
> >
</tr> </tr>
<!-- <!--
<tr class="text-white border-b border-[#27272A]"> <tr class="text-white border-b border-[#27272A]">
<td class="text-start bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap">Open</td> <td class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap">Open</td>
<td class="text-center sm:text-end bg-[#000] lg:bg-[#09090B]">{data?.getStockQuote?.open?.toFixed(2)}</td> <td class="text-center sm:text-end bg-[#000] lg:bg-default">{data?.getStockQuote?.open?.toFixed(2)}</td>
<td class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap ">Prev. Close</td> <td class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap ">Prev. Close</td>
<td class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] whitespace-nowrap ">{data?.getStockQuote?.previousClose?.toFixed(2)}</td> <td class="text-start sm:text-end bg-[#000] lg:bg-default whitespace-nowrap ">{data?.getStockQuote?.previousClose?.toFixed(2)}</td>
</tr> </tr>
--> -->
<tr class="text-white border-b border-[#27272A]"> <tr class="text-white border-b border-[#27272A]">
<td <td
class="text-start bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap" class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
>Dividend Yield</td >Dividend Yield</td
> >
<td class="text-center sm:text-end bg-[#000] lg:bg-[#09090B]" <td class="text-center sm:text-end bg-[#000] lg:bg-default"
>{dividendYield}</td >{dividendYield}</td
> >
<td <td
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap" class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
>Payout Ratio</td >Payout Ratio</td
> >
<td class="text-start sm:text-end bg-[#000] lg:bg-[#09090B]" <td class="text-start sm:text-end bg-[#000] lg:bg-default"
>{payoutRatio}</td >{payoutRatio}</td
> >
</tr> </tr>
<tr class="text-white border-b border-[#27272A]"> <tr class="text-white border-b border-[#27272A]">
<td <td
class="text-start bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap" class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
>Holdings</td >Holdings</td
> >
<td class="text-center sm:text-end bg-[#000] lg:bg-[#09090B]" <td class="text-center sm:text-end bg-[#000] lg:bg-default"
>{holdingsCount} Assets</td >{holdingsCount} Assets</td
> >
<td <td
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap" class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
>Inception</td >Inception</td
> >
<td class="text-start sm:text-end bg-[#000] lg:bg-[#09090B]" <td class="text-start sm:text-end bg-[#000] lg:bg-default"
>{inceptionDate}</td >{inceptionDate}</td
> >
</tr> </tr>

15
src/lib/components/ETFSidecard.svelte
View File

@ -125,12 +125,11 @@
<thead> <thead>
<tr> <tr>
<th <th
class="text-white font-semibold text-sm text-start bg-[#09090B]" class="text-white font-semibold text-sm text-start bg-default"
>Company</th >Company</th
> >
<th <th class="text-white font-semibold text-sm text-end bg-default"
class="text-white font-semibold text-sm text-end bg-[#09090B]"
>Portfolio</th >Portfolio</th
> >
</tr> </tr>
@ -221,15 +220,13 @@
<thead> <thead>
<tr> <tr>
<th <th
class="text-white font-semibold text-sm text-start bg-[#09090B]" class="text-white font-semibold text-sm text-start bg-default"
>Ex-Dividend</th >Ex-Dividend</th
> >
<th <th class="text-white font-semibold text-sm text-end bg-default"
class="text-white font-semibold text-sm text-end bg-[#09090B]"
>Payment Date</th >Payment Date</th
> >
<th <th class="text-white font-semibold text-sm text-end bg-default"
class="text-white font-semibold text-sm text-end bg-[#09090B]"
>Amount</th >Amount</th
> >
</tr> </tr>
@ -237,7 +234,7 @@
<tbody> <tbody>
{#each dividendHistoryList?.slice(0, 5) as item} {#each dividendHistoryList?.slice(0, 5) as item}
<tr class="text-white bg-[#09090B] border-b border-[#27272A]"> <tr class="text-white bg-default border-b border-[#27272A]">
<td class="text-start text-sm text-white font-medium"> <td class="text-start text-sm text-white font-medium">
{new Date(item?.date)?.toLocaleString("en-US", { {new Date(item?.date)?.toLocaleString("en-US", {
month: "short", month: "short",

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

@ -70,7 +70,7 @@
<div <div
class="text-white text-[1rem] {latestInfoDate(rawData?.date) class="text-white text-[1rem] {latestInfoDate(rawData?.date)
? 'bg-[#F9AB00] bg-opacity-[0.1] p-3 rounded-md' ? 'bg-[#F9AB00] bg-opacity-[0.1] p-3 rounded-md'
: 'bg-[#09090B] pl-1'} " : 'bg-default pl-1'} "
> >
<div class="mt-1"> <div class="mt-1">
{$displayCompanyName} has released their quartely earnings on {new Date( {$displayCompanyName} has released their quartely earnings on {new Date(

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

@ -182,7 +182,7 @@
{#if isLoaded} {#if isLoaded}
{#if Object?.keys(rawData)?.length !== 0} {#if Object?.keys(rawData)?.length !== 0}
<div class="mt-2 pb-8 sm:pb-2 rounded-md bg-[#09090B] sm:bg-[#09090B]"> <div class="mt-2 pb-8 sm:pb-2 rounded-md bg-default sm:bg-default">
<div class="w-full flex flex-col items-start"> <div class="w-full flex flex-col items-start">
<div class="text-white text-[1rem] mt-1 sm:mt-3 mb-1 w-full"> <div class="text-white text-[1rem] mt-1 sm:mt-3 mb-1 w-full">
Examine how sensitive {$displayCompanyName}'s stock price is to Examine how sensitive {$displayCompanyName}'s stock price is to
@ -216,23 +216,23 @@
<thead> <thead>
<tr class="border-b border-[#27272A]"> <tr class="border-b border-[#27272A]">
<th <th
class="text-white font-semibold text-sm sm:text-[1rem] text-start bg-[#09090B]" class="text-white font-semibold text-sm sm:text-[1rem] text-start bg-default"
>Date</th >Date</th
> >
<th <th
class="text-white font-semibold text-sm sm:text-[1rem] text-end bg-[#09090B]" class="text-white font-semibold text-sm sm:text-[1rem] text-end bg-default"
>Previous</th >Previous</th
> >
<th <th
class="text-white font-semibold text-sm sm:text-[1rem] text-end bg-[#09090B]" class="text-white font-semibold text-sm sm:text-[1rem] text-end bg-default"
>Forecast</th >Forecast</th
> >
<th <th
class="text-white font-semibold text-sm sm:text-[1rem] text-end bg-[#09090B]" class="text-white font-semibold text-sm sm:text-[1rem] text-end bg-default"
>Actual</th >Actual</th
> >
<th <th
class="text-white font-semibold text-sm sm:text-[1rem] text-end bg-[#09090B]" class="text-white font-semibold text-sm sm:text-[1rem] text-end bg-default"
>% Price Change</th >% Price Change</th
> >
</tr> </tr>
@ -244,7 +244,7 @@
!showFullStats && !showFullStats &&
tableList?.length > 3 tableList?.length > 3
? 'opacity-[0.5]' ? 'opacity-[0.5]'
: ''} sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#09090B] border-b-[#09090B]" : ''} sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-default border-b-[#09090B]"
> >
<td <td
class="text-white font-medium text-sm sm:text-[1rem] whitespace-nowrap" class="text-white font-medium text-sm sm:text-[1rem] whitespace-nowrap"

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

@ -209,7 +209,7 @@
</div> </div>
</div> </div>
<div class="pb-2 rounded-md bg-[#09090B]"> <div class="pb-2 rounded-md bg-default">
<div class="app w-full h-[300px] mt-5"> <div class="app w-full h-[300px] mt-5">
<Chart {init} options={optionsData} class="chart" /> <Chart {init} options={optionsData} class="chart" />
</div> </div>

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

@ -4,7 +4,7 @@
<!--Footer--> <!--Footer-->
<footer <footer
class="bg-[#09090B] border-t border-gray-600 z-20 sm:z-50 relative bottom-0 w-full sm:px-10 m-auto" class="bg-default border-t border-gray-600 z-20 sm:z-50 relative bottom-0 w-full sm:px-10 m-auto"
> >
<div class="container mx-auto px-5 sm:px-3"> <div class="container mx-auto px-5 sm:px-3">
<div class="w-full flex flex-col md:flex-row py-6"> <div class="w-full flex flex-col md:flex-row py-6">

80
src/lib/components/GetAccess.svelte
View File

@ -1,39 +1,63 @@
<script lang='ts'> <script lang="ts">
import { goto } from "$app/navigation"; import { goto } from "$app/navigation";
import backgroundLogo from '$lib/images/hide_content.jpg' import backgroundLogo from "$lib/images/hide_content.jpg";
let opacityValue = 0.2 let opacityValue = 0.2;
</script> </script>
<section class="w-full max-w-5xl overflow-hidden relative mt-4"> <section class="w-full max-w-5xl overflow-hidden relative mt-4">
<div
<div class="absolute inset-0 bg-cover bg-center bg-no-repeat blur-[6px]" class="absolute inset-0 bg-cover bg-center bg-no-repeat blur-[6px]"
style=" style="
opacity: {opacityValue}; opacity: {opacityValue};
background-image: url('{backgroundLogo}'); background-image: url('{backgroundLogo}');
"> "
></div>
<label
on:click={() => goto("/login")}
class="p-5 relative cursor-pointer flex flex-col items-center justify-center mt-10 overflow-hidden"
>
<div class="rounded-full w-14 h-14 bg-default relative">
<svg
class="rounded-full w-6 h-6 absolute inset-1/2 transform -translate-x-1/2 -translate-y-1/2"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 1024 1024"
><path
fill="white"
d="M832 464h-68V240c0-70.7-57.3-128-128-128H388c-70.7 0-128 57.3-128 128v224h-68c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V496c0-17.7-14.3-32-32-32zM332 240c0-30.9 25.1-56 56-56h248c30.9 0 56 25.1 56 56v224H332V240zm460 600H232V536h560v304zM484 701v53c0 4.4 3.6 8 8 8h40c4.4 0 8-3.6 8-8v-53a48.01 48.01 0 1 0-56 0z"
/></svg
>
</div> </div>
<span
class="text-slate-300 font-medium text-md sm:text-lg mt-3 w-3/4 text-center"
>
Get full access for a more in-depth Stock Analysis
</span>
<label on:click={() => goto('/login')} class="p-5 relative cursor-pointer flex flex-col items-center justify-center mt-10 overflow-hidden"> <label
class="mt-4 w-5/6 sm:w-56 bg-[#fff] cursor-pointer py-2.5 px-4 normal-case font-medium text-center text-black rounded-full"
<div class="rounded-full w-14 h-14 bg-[#09090B] relative"> >
<svg class="rounded-full w-6 h-6 absolute inset-1/2 transform -translate-x-1/2 -translate-y-1/2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="white" d="M832 464h-68V240c0-70.7-57.3-128-128-128H388c-70.7 0-128 57.3-128 128v224h-68c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V496c0-17.7-14.3-32-32-32zM332 240c0-30.9 25.1-56 56-56h248c30.9 0 56 25.1 56 56v224H332V240zm460 600H232V536h560v304zM484 701v53c0 4.4 3.6 8 8 8h40c4.4 0 8-3.6 8-8v-53a48.01 48.01 0 1 0-56 0z"/></svg> <div class="flex flex-row items-center justify-center">
</div> <svg
<span class="text-slate-300 font-medium text-md sm:text-lg mt-3 w-3/4 text-center"> class="w-6 h-6 sm:w-8 sm:h-8 inline-block"
Get full access for a more in-depth Stock Analysis xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 21 21"
><g
fill="none"
fill-rule="evenodd"
stroke="black"
stroke-linecap="round"
stroke-linejoin="round"
><path
d="m15.5 4l3 4l-8 10l-8-10l3.009-4zm-13 4h16m-11 0l3 10m3-10l-3 10"
/><path d="M5.509 4L7.5 8l3-4l3 4l2-4" /></g
></svg
>
<span class="text-black text-md sm:text-[1rem] ml-2">
Sign Up for Free
</span> </span>
</div>
<label class="mt-4 w-5/6 sm:w-56 bg-[#fff] cursor-pointer py-2.5 px-4 normal-case font-medium text-center text-black rounded-full">
<div class="flex flex-row items-center justify-center">
<svg class="w-6 h-6 sm:w-8 sm:h-8 inline-block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 21"><g fill="none" fill-rule="evenodd" stroke="black" stroke-linecap="round" stroke-linejoin="round"><path d="m15.5 4l3 4l-8 10l-8-10l3.009-4zm-13 4h16m-11 0l3 10m3-10l-3 10"/><path d="M5.509 4L7.5 8l3-4l3 4l2-4"/></g></svg>
<span class="text-black text-md sm:text-[1rem] ml-2">
Sign Up for Free
</span>
</div>
</label>
</label> </label>
</section> </label>
</section>

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

@ -187,7 +187,7 @@
</div> </div>
</div> </div>
<div class="pb-2 rounded-md bg-[#09090B]"> <div class="pb-2 rounded-md bg-default">
<div class="app w-full h-[300px] mt-5"> <div class="app w-full h-[300px] mt-5">
<Chart {init} options={optionsData} class="chart" /> <Chart {init} options={optionsData} class="chart" />
</div> </div>

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

@ -40,7 +40,7 @@
<option value="252dclshv"> 1 Year historical volatility </option> <option value="252dclshv"> 1 Year historical volatility </option>
</select> </select>
<div class="pb-2 rounded-md bg-[#09090B]"> <div class="pb-2 rounded-md bg-default">
<div class="app w-full h-[300px] mt-5"> <div class="app w-full h-[300px] mt-5">
<Chart {init} options={optionsData} class="chart" /> <Chart {init} options={optionsData} class="chart" />
</div> </div>

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

@ -155,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-primary 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-default 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
@ -179,7 +179,7 @@
> >
<!-- Search Input --> <!-- Search Input -->
<div <div
class="sticky fixed -top-1 z-40 bg-[#09090B] p-2 border-b border-gray-600" class="sticky fixed -top-1 z-40 bg-default p-2 border-b border-gray-600"
> >
<div class="relative w-full"> <div class="relative w-full">
<!-- Input Field --> <!-- Input Field -->
@ -188,7 +188,7 @@
on:input={handleInput} on:input={handleInput}
autocomplete="off" autocomplete="off"
autofocus="" autofocus=""
class="text-sm w-full border-0 bg-[#09090B] focus:border-gray-200 focus:ring-0 text-white placeholder:text-gray-300 pr-8" class="text-sm w-full border-0 bg-default focus:border-gray-200 focus:ring-0 text-white placeholder:text-gray-300 pr-8"
type="text" type="text"
placeholder="" placeholder=""
/> />
@ -264,11 +264,11 @@
</DropdownMenu.Group> </DropdownMenu.Group>
<!-- Reset Selection button --> <!-- Reset Selection button -->
<div <div
class="sticky -bottom-1 bg-[#09090B] z-50 p-2 border-t border-gray-600 w-full" class="sticky -bottom-1 bg-default z-50 p-2 border-t border-gray-600 w-full"
> >
<label <label
on:click={handleResetAll} on:click={handleResetAll}
class="w-full sm:hover:text-white text-gray-300 bg-[#09090B] text-start text-sm cursor-pointer" class="w-full sm:hover:text-white text-gray-300 bg-default text-start text-sm cursor-pointer"
> >
Reset Selection Reset Selection
</label> </label>

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

@ -227,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-secondary text-white" class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
> >
<svg <svg
class="{isHoveredGoogle class="{isHoveredGoogle
@ -276,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-secondary text-white" class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
> >
<svg <svg
class="{isHoveredDiscord class="{isHoveredDiscord
@ -810,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-secondary text-white" class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
> >
<svg <svg
class="{isHoveredGithub class="{isHoveredGithub
@ -921,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-secondary text-white" class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
> >
<svg <svg
class="{isHoveredGoogle class="{isHoveredGoogle
@ -970,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-secondary text-white" class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
> >
<svg <svg
class="{isHoveredDiscord class="{isHoveredDiscord
@ -1504,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-secondary text-white" class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
> >
<svg <svg
class="{isHoveredGithub class="{isHoveredGithub
@ -1636,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-secondary text-white btn-md w-full rounded-md m-auto text-white font-semibold text-md" class="btn bg-default 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>
@ -1654,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-secondary text-white" class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
> >
<svg <svg
class="{isHoveredGoogle class="{isHoveredGoogle
@ -1703,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-secondary text-white" class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
> >
<svg <svg
class="{isHoveredDiscord class="{isHoveredDiscord
@ -2237,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-secondary text-white" class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
> >
<svg <svg
class="{isHoveredGithub class="{isHoveredGithub
@ -2318,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-secondary text-white btn-md w-full rounded-md m-auto font-semibold text-md" class="btn bg-default 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>
@ -2337,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-secondary text-white" class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
> >
<svg <svg
class="{isHoveredGoogle class="{isHoveredGoogle
@ -2386,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-secondary text-white" class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
> >
<svg <svg
class="{isHoveredDiscord class="{isHoveredDiscord
@ -2920,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-secondary text-white" class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
> >
<svg <svg
class="{isHoveredGithub class="{isHoveredGithub

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

@ -34,7 +34,7 @@
</div> </div>
</div> </div>
<div class="pb-2 rounded-md bg-[#09090B]"> <div class="pb-2 rounded-md bg-default">
<div class="app w-full h-[300px] mt-5"> <div class="app w-full h-[300px] mt-5">
<Chart {init} options={optionsData} class="chart" /> <Chart {init} options={optionsData} class="chart" />
</div> </div>
@ -153,19 +153,19 @@
<thead> <thead>
<tr class=""> <tr class="">
<th <th
class="text-white shadow-md font-semibold text-sm text-start bg-[#09090B]" class="text-white shadow-md font-semibold text-sm text-start bg-default"
>Name</th >Name</th
> >
<th <th
class="text-white shadow-md font-semibold text-sm text-end bg-[#09090B]" class="text-white shadow-md font-semibold text-sm text-end bg-default"
>Trade Count</th >Trade Count</th
> >
<th <th
class="text-white shadow-md font-semibold text-sm text-end bg-[#09090B]" class="text-white shadow-md font-semibold text-sm text-end bg-default"
>Share Quantity</th >Share Quantity</th
> >
<th <th
class="text-white shadow-md font-semibold text-sm text-end bg-[#09090B]" class="text-white shadow-md font-semibold text-sm text-end bg-default"
>Notional Sum</th >Notional Sum</th
> >
</tr> </tr>
@ -178,7 +178,7 @@
!showFullStats && !showFullStats &&
topMarketMakers?.length > 3 topMarketMakers?.length > 3
? 'opacity-[0.5]' ? 'opacity-[0.5]'
: ''} sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#09090B] border-b-[#09090B]" : ''} sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-default border-b-[#09090B]"
> >
<td <td
class="text-white text-sm sm:text-[1rem] font-medium whitespace-nowrap" class="text-white text-sm sm:text-[1rem] font-medium whitespace-nowrap"

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

@ -128,7 +128,7 @@
<label <label
on:click={etfSelector} on:click={etfSelector}
class="sm:hover:border-[#3C74D4] duration-100 transition ease-in-out cursor-pointer flex flex-row items-center rounded-md shadow-lg border border-gray-600 bg-[#09090B]" class="sm:hover:border-[#3C74D4] duration-100 transition ease-in-out cursor-pointer flex flex-row items-center rounded-md shadow-lg border border-gray-600 bg-default"
> >
<div class="flex flex-col items-center lg:mr-5"> <div class="flex flex-col items-center lg:mr-5">
<span <span

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

@ -143,7 +143,7 @@
{#if filteredNewsList?.length > 0} {#if filteredNewsList?.length > 0}
<div class="grid grid-cols-1 gap-2 pb-5 pt-5"> <div class="grid grid-cols-1 gap-2 pb-5 pt-5">
{#each filteredNewsList as item, index} {#each filteredNewsList as item, index}
<div class="w-full flex flex-col bg-[#09090B] rounded-md m-auto"> <div class="w-full flex flex-col bg-default rounded-md m-auto">
{#if checkIfYoutubeVideo(item.url)} {#if checkIfYoutubeVideo(item.url)}
{#if showVideo[index]} {#if showVideo[index]}
<!-- Show the YouTube iframe when the user clicks play --> <!-- Show the YouTube iframe when the user clicks play -->

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

@ -135,7 +135,7 @@
</div> </div>
</div> </div>
<div class="pb-2 rounded-md bg-[#09090B]"> <div class="pb-2 rounded-md bg-default">
<div class="app w-full h-[300px] mt-5"> <div class="app w-full h-[300px] mt-5">
<Chart {init} options={optionsData} class="chart" /> <Chart {init} options={optionsData} class="chart" />
</div> </div>

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

@ -109,7 +109,7 @@
class="no-scrollbar flex justify-start items-center w-screen sm:w-full mt-3 m-auto overflow-x-scroll pr-5 sm:pr-0" class="no-scrollbar flex justify-start items-center w-screen sm:w-full mt-3 m-auto overflow-x-scroll pr-5 sm:pr-0"
> >
<table <table
class="table table-sm table-pin-cols table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B]" class="table table-sm table-pin-cols table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800"
> >
<thead class=""> <thead class="">
<tr class=""> <tr class="">
@ -119,7 +119,7 @@
> >
{#each xData as item} {#each xData as item}
<td <td
class="z-20 bg-primary 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-default"
>{item}</td >{item}</td
> >
{/each} {/each}
@ -134,7 +134,7 @@
</th> </th>
{#each tableRevenue as item, index} {#each tableRevenue as item, index}
<td <td
class="text-white text-sm sm:text-[1rem] text-end font-medium bg-[#09090B]" class="text-white text-sm sm:text-[1rem] text-end font-medium bg-default"
> >
{#if index !== 0} {#if index !== 0}
{#if userTier !== "Pro"} {#if userTier !== "Pro"}
@ -176,7 +176,7 @@
</th> </th>
{#each tableRevenueEst as item, index} {#each tableRevenueEst as item, index}
<td <td
class="text-white text-sm sm:text-[1rem] text-end font-medium bg-[#09090B]" class="text-white text-sm sm:text-[1rem] text-end font-medium bg-default"
> >
{#if index !== 0} {#if index !== 0}
{#if userTier !== "Pro"} {#if userTier !== "Pro"}
@ -218,7 +218,7 @@
</th> </th>
{#each tableRevenueSurprise as item, index} {#each tableRevenueSurprise as item, index}
<td <td
class="text-white text-sm sm:text-[1rem] text-end font-semibold bg-[#09090B]" class="text-white text-sm sm:text-[1rem] text-end font-semibold bg-default"
> >
{#if index !== 0} {#if index !== 0}
{#if userTier !== "Pro"} {#if userTier !== "Pro"}
@ -274,7 +274,7 @@
</th> </th>
{#each tableEPS as item, index} {#each tableEPS as item, index}
<td <td
class="text-white text-sm sm:text-[1rem] text-end font-medium bg-[#09090B]" class="text-white text-sm sm:text-[1rem] text-end font-medium bg-default"
> >
{#if index !== 0} {#if index !== 0}
{#if userTier !== "Pro"} {#if userTier !== "Pro"}
@ -314,7 +314,7 @@
</th> </th>
{#each tableEPSEst as item, index} {#each tableEPSEst as item, index}
<td <td
class="text-white text-sm sm:text-[1rem] text-end font-medium bg-[#09090B]" class="text-white text-sm sm:text-[1rem] text-end font-medium bg-default"
> >
{#if index !== 0} {#if index !== 0}
{#if userTier !== "Pro"} {#if userTier !== "Pro"}
@ -354,7 +354,7 @@
</th> </th>
{#each tableEPSSurprise as item, index} {#each tableEPSSurprise as item, index}
<td <td
class="text-white text-sm sm:text-[1rem] text-end font-semibold bg-[#09090B]" class="text-white text-sm sm:text-[1rem] text-end font-semibold bg-default"
> >
{#if index !== 0} {#if index !== 0}
{#if userTier !== "Pro"} {#if userTier !== "Pro"}
@ -410,7 +410,7 @@
</th> </th>
{#each tableVolatility as item, index} {#each tableVolatility as item, index}
<td <td
class="text-white text-sm sm:text-[1rem] text-end font-semibold bg-[#09090B]" class="text-white text-sm sm:text-[1rem] text-end font-semibold bg-default"
> >
{#if index !== 0} {#if index !== 0}
{#if userTier !== "Pro"} {#if userTier !== "Pro"}

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

@ -22,7 +22,7 @@
</script> </script>
<section <section
class="bg-[#09090B] min-h-screen max-w-3xl sm:max-w-screen-lg w-full pt-24 m-auto" class="bg-default min-h-screen max-w-3xl sm:max-w-screen-lg w-full pt-24 m-auto"
> >
<div class="px-3"> <div class="px-3">
<div class="mx-auto text-center mb-8"> <div class="mx-auto text-center mb-8">
@ -32,7 +32,7 @@
Flexible plans and features Flexible plans and features
</h1> </h1>
<div <div
class="w-full flex justify-center items-center h-16 bg-[#09090B] rounded-md" class="w-full flex justify-center items-center h-16 bg-default rounded-md"
> >
<p <p
class="font-medium font-serif text-center w-3/4 sm:w-full text-white text-[1rem] sm:text-xl italic" class="font-medium font-serif text-center w-3/4 sm:w-full text-white text-[1rem] sm:text-xl italic"
@ -78,7 +78,7 @@
> >
<!-- Pricing Card --> <!-- Pricing Card -->
<div <div
class="order-last sm:order-1 flex flex-col p-6 lg:p-8 mx-auto w-full text-center text-white border border-gray-800 bg-[#09090B] rounded-md" class="order-last sm:order-1 flex flex-col p-6 lg:p-8 mx-auto w-full text-center text-white border border-gray-800 bg-default rounded-md"
> >
<div class="flex flex-row items-center justify-start items-center mt-2"> <div class="flex flex-row items-center justify-start items-center mt-2">
<img <img

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

@ -279,8 +279,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-primary' ? 'bg-secondary'
: ''} sm:hover:bg-primary border border-gray-600 text-white rounded-md cursor-pointer" : ''} sm:hover:bg-secondary border border-gray-600 text-white rounded-md cursor-pointer"
> >
{item} {item}
</label> </label>

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

@ -239,7 +239,7 @@
</div> </div>
</div> </div>
<div class="pb-8 sm:pb-2 rounded-md bg-[#09090B]"> <div class="pb-8 sm:pb-2 rounded-md bg-default">
<div class="app w-full h-[300px] mt-5"> <div class="app w-full h-[300px] mt-5">
<Chart {init} options={optionsData} class="chart" /> <Chart {init} options={optionsData} class="chart" />
</div> </div>

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

@ -27,12 +27,12 @@
{title?.replace('[%]','')} {condition} {value} {unit} {title?.replace('[%]','')} {condition} {value} {unit}
<label on:click={() => changeRuleCondition('under')} class="ml-5 cursor-pointer flex flex-row mr-2 justify-center items-center"> <label on:click={() => changeRuleCondition('under')} class="ml-5 cursor-pointer flex flex-row mr-2 justify-center items-center">
<input type="radio" class="radio checked:bg-[#fff] bg-[#09090B] border border-gray-600 mr-2" <input type="radio" class="radio checked:bg-[#fff] bg-default border border-gray-600 mr-2"
checked={condition === 'under'} name={ruleName} /> checked={condition === 'under'} name={ruleName} />
<span class="label-text text-white">Under</span> <span class="label-text text-white">Under</span>
</label> </label>
<label on:click={() => changeRuleCondition('over')} class="cursor-pointer flex flex-row ml-2 justify-center items-center"> <label on:click={() => changeRuleCondition('over')} class="cursor-pointer flex flex-row ml-2 justify-center items-center">
<input type="radio" class="radio checked:bg-[#fff] bg-[#09090B] border border-gray-600 mr-2" <input type="radio" class="radio checked:bg-[#fff] bg-default border border-gray-600 mr-2"
checked={condition === 'over'} name={ruleName} /> checked={condition === 'over'} name={ruleName} />
<span class="label-text text-white">Over</span> <span class="label-text text-white">Over</span>
</label> </label>
@ -45,7 +45,7 @@
<!--Start Added Rules--> <!--Start Added Rules-->
<div <div
class="flex items-center justify-between space-x-2 px-1 py-1.5 text-smaller leading-tight text-default" class="flex items-center justify-between space-x-2 px-1 py-1.5 text-smaller leading-tight text-white"
> >
<div class="text-white text-[1rem]"> <div class="text-white text-[1rem]">
{title?.replace("[%]", "")} {title?.replace("[%]", "")}
@ -114,7 +114,7 @@
> >
<input <input
type="radio" type="radio"
class="radio checked:bg-[#fff] bg-[#09090B] border border-gray-600 mr-2" class="radio checked:bg-[#fff] bg-default border border-gray-600 mr-2"
checked={condition === "under"} checked={condition === "under"}
name={ruleName} name={ruleName}
/> />
@ -126,7 +126,7 @@
> >
<input <input
type="radio" type="radio"
class="radio checked:bg-[#fff] bg-[#09090B] border border-gray-600 mr-2" class="radio checked:bg-[#fff] bg-default border border-gray-600 mr-2"
checked={condition === "over"} checked={condition === "over"}
name={ruleName} name={ruleName}
/> />

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

@ -33,7 +33,7 @@
} }
</script> </script>
<section class="bg-[#09090B] overflow-hidden text-white h-full sm:mb-0"> <section class="bg-default overflow-hidden text-white h-full sm:mb-0">
<div class="flex justify-center m-auto h-full overflow-hidden"> <div class="flex justify-center m-auto h-full overflow-hidden">
<div <div
class="relative flex justify-center items-center overflow-hidden w-full" class="relative flex justify-center items-center overflow-hidden w-full"

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

@ -49,7 +49,7 @@
{#if sentimentList?.length !== 0} {#if sentimentList?.length !== 0}
<div class="pb-4 w-full mt-5"> <div class="pb-4 w-full mt-5">
<div <div
class="w-auto p-4 sm:p-6 bg-[#09090B] sm:bg-[#09090B] rounded-md relative" class="w-auto p-4 sm:p-6 bg-default sm:bg-default rounded-md relative"
> >
<h3 class="text-gray-300 font-medium text-sm uppercase mb-3"> <h3 class="text-gray-300 font-medium text-sm uppercase mb-3">
Average Score Average Score
@ -178,7 +178,7 @@
<div class="w-full"> <div class="w-full">
<div <div
class="w-auto p-4 sm:p-6 bg-[#09090B] sm:bg-[#09090B] rounded-md relative" class="w-auto p-4 sm:p-6 bg-default sm:bg-default rounded-md relative"
> >
<h3 class="text-gray-300 font-medium text-sm uppercase mb-3"> <h3 class="text-gray-300 font-medium text-sm uppercase mb-3">
Average Score Trend Average Score Trend

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

@ -232,7 +232,7 @@
<Infobox text={htmlOutput} /> <Infobox text={htmlOutput} />
{#if shareholderList?.length !== 0} {#if shareholderList?.length !== 0}
<div class="pb-2 rounded-md bg-[#09090B] sm:bg-[#09090B]"> <div class="pb-2 rounded-md bg-default sm:bg-default">
<div class="text-white text-[1rem] mt-3"> <div class="text-white text-[1rem] mt-3">
As of {new Date(rawData?.date)?.toLocaleString("en-US", { As of {new Date(rawData?.date)?.toLocaleString("en-US", {
month: "short", month: "short",
@ -534,7 +534,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-odd sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#09090B] border-b-[#09090B] {index + class="border-y border-gray-800 odd:bg-odd sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-default border-b-[#09090B] {index +
1 === 1 ===
shareholderList?.length && data?.user?.tier !== 'Pro' shareholderList?.length && data?.user?.tier !== 'Pro'
? 'opacity-[0.1]' ? 'opacity-[0.1]'

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

@ -19,7 +19,7 @@
{#if isLoaded} {#if isLoaded}
{#if Object?.keys(rawData)?.length !== 0} {#if Object?.keys(rawData)?.length !== 0}
{#if rawData?.historicalShares?.length !== 0} {#if rawData?.historicalShares?.length !== 0}
<div class="mt-2 pb-4 bg-[#09090B]"> <div class="mt-2 pb-4 bg-default">
<div class="w-full flex flex-col items-start"> <div class="w-full flex flex-col items-start">
<div class="text-white text-[1rem] mt-1 sm:mt-3 mb-1 w-full"> <div class="text-white text-[1rem] mt-1 sm:mt-3 mb-1 w-full">
{$displayCompanyName}'s' has {$displayCompanyName}'s' has

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

@ -21,7 +21,7 @@
: 'hidden'}" : 'hidden'}"
> >
<div <div
class="sm:rounded-md shadow-lg bg-[#000] sm:bg-[#09090B] sm:border sm:border-gray-600 h-auto {$screenWidth < class="sm:rounded-md shadow-lg bg-[#000] sm:bg-default sm:border sm:border-gray-600 h-auto {$screenWidth <
640 640
? 'w-screen pt-16' ? 'w-screen pt-16'
: ''} md:w-[420px] xl:w-[450px]" : ''} md:w-[420px] xl:w-[450px]"
@ -38,15 +38,15 @@
<thead> <thead>
<tr> <tr>
<th <th
class="text-white font-semibold text-sm text-start bg-[#000] sm:bg-[#09090B]" class="text-white font-semibold text-sm text-start bg-[#000] sm:bg-default"
>Fund Name</th >Fund Name</th
> >
<th <th
class="text-white font-semibold text-sm text-end bg-[#000] sm:bg-[#09090B]" class="text-white font-semibold text-sm text-end bg-[#000] sm:bg-default"
>Total Assets</th >Total Assets</th
> >
<th <th
class="text-white font-semibold text-sm text-end bg-[#000] sm:bg-[#09090B]" class="text-white font-semibold text-sm text-end bg-[#000] sm:bg-default"
>Holdings</th >Holdings</th
> >
</tr> </tr>
@ -55,7 +55,7 @@
{#each similarTicker as item, index} {#each similarTicker as item, index}
<tr <tr
on:click={() => etfSelector(item?.symbol)} on:click={() => etfSelector(item?.symbol)}
class="shake-ticker sm:hover:text-white text-blue-400 cursor-pointer sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#000] sm:bg-[#09090B] border-b border-[#000] sm:border-[#27272A]" class="shake-ticker sm:hover:text-white text-blue-400 cursor-pointer sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#000] sm:bg-default border-b border-[#000] sm:border-[#27272A]"
> >
{#if index <= 6} {#if index <= 6}
<td class=""> <td class="">
@ -127,7 +127,7 @@
<div class="bg-[#000] h-auto w-screen"> <div class="bg-[#000] h-auto w-screen">
<!--Start Header--> <!--Start Header-->
<div <div
class="bg-[#09090B] w-full p-1 flex flex-col items-center pb-5 h-auto rounded-b-[30px]" class="bg-default w-full p-1 flex flex-col items-center pb-5 h-auto rounded-b-[30px]"
> >
<h2 class="text-center m-auto text-[1.1rem] font-medium text-white mt-5"> <h2 class="text-center m-auto text-[1.1rem] font-medium text-white mt-5">
Similar Ticker Similar Ticker

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

@ -21,7 +21,7 @@
: 'hidden'}" : 'hidden'}"
> >
<div <div
class="sm:rounded-md shadow-lg bg-[#000] sm:bg-[#09090B] sm:border sm:border-gray-600 h-auto {$screenWidth < class="sm:rounded-md shadow-lg bg-[#000] sm:bg-default sm:border sm:border-gray-600 h-auto {$screenWidth <
640 640
? 'w-screen pt-16' ? 'w-screen pt-16'
: ''} md:w-[420px] xl:w-[450px]" : ''} md:w-[420px] xl:w-[450px]"
@ -40,15 +40,15 @@
<thead> <thead>
<tr> <tr>
<th <th
class="text-white font-semibold text-sm text-start bg-[#000] sm:bg-[#09090B]" class="text-white font-semibold text-sm text-start bg-[#000] sm:bg-default"
>Company</th >Company</th
> >
<th <th
class="text-white font-semibold text-sm text-end bg-[#000] sm:bg-[#09090B]" class="text-white font-semibold text-sm text-end bg-[#000] sm:bg-default"
>Market Cap</th >Market Cap</th
> >
<th <th
class="text-white font-semibold text-sm text-end bg-[#000] sm:bg-[#09090B]" class="text-white font-semibold text-sm text-end bg-[#000] sm:bg-default"
>Avg Volume</th >Avg Volume</th
> >
</tr> </tr>
@ -57,7 +57,7 @@
{#each similarstock as item, index} {#each similarstock as item, index}
<tr <tr
on:click={() => stockSelector(item?.symbol)} on:click={() => stockSelector(item?.symbol)}
class="shake-ticker sm:hover:text-white text-blue-400 cursor-pointer sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#000] sm:bg-[#09090B] border-b border-[#000] sm:border-[#27272A]" class="shake-ticker sm:hover:text-white text-blue-400 cursor-pointer sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#000] sm:bg-default border-b border-[#000] sm:border-[#27272A]"
> >
{#if index <= 6} {#if index <= 6}
<td class="whitespace-nowrap"> <td class="whitespace-nowrap">

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

@ -3,14 +3,14 @@
<!-- List container --> <!-- List container -->
<div class="flex flex-col"> <div class="flex flex-col">
<!-- Item --> <!-- Item -->
<div class="border border-gray-600 rounded-md bg-[#09090B]"> <div class="border border-gray-600 rounded-md bg-default">
<div class="flex h-auto justify-between items-center"> <div class="flex h-auto justify-between items-center">
<div <div
role="status" role="status"
class="animate-pulse space-x-8 md:flex md:items-center mb-4" class="animate-pulse space-x-8 md:flex md:items-center mb-4"
> >
<div <div
class="flex items-center justify-center w-48 h-28 sm:w-48 sm:h-48 bg-[#09090B] rounded" class="flex items-center justify-center w-48 h-28 sm:w-48 sm:h-48 bg-default rounded"
> >
<svg <svg
class="w-12 h-12 text-gray-200" class="w-12 h-12 text-gray-200"

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

@ -218,7 +218,7 @@
</div> </div>
</div> </div>
<div class="pb-2 rounded-md bg-[#09090B]"> <div class="pb-2 rounded-md bg-default">
<div <div
class="bg-secondary 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"
> >

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

@ -190,15 +190,15 @@
<thead> <thead>
<tr> <tr>
<th <th
class="text-white text-sm font-medium bg-[#09090B] font-semibold" class="text-white text-sm font-medium bg-default font-semibold"
>Name</th >Name</th
> >
<th <th
class="text-white text-sm font-medium bg-[#09090B] font-semibold text-end" class="text-white text-sm font-medium bg-default font-semibold text-end"
>Value</th >Value</th
> >
<th <th
class="text-white text-sm font-medium bg-[#09090B] font-semibold text-end" class="text-white text-sm font-medium bg-default font-semibold text-end"
>Signal</th >Signal</th
> >
</tr> </tr>
@ -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-odd sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#09090B] border-b-[#09090B] {index === class="border-y border-gray-800 odd:bg-odd sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-default border-b-[#09090B] {index ===
2 && 2 &&
!showFullStats && !showFullStats &&
signalList?.length > 2 signalList?.length > 2

2
src/lib/components/Table/DarkPoolTable.svelte
View File

@ -486,7 +486,7 @@
href={sectorNavigation?.find( href={sectorNavigation?.find(
(item) => item?.title === displayedData[index]?.sector, (item) => item?.title === displayedData[index]?.sector,
)?.link} )?.link}
class="sm:hover:text-blue-400 text-white underline underline-offset-4" class="sm:hover:text-blue-400 text-white"
>{displayedData[index]?.sector?.length > 13 >{displayedData[index]?.sector?.length > 13
? displayedData[index]?.sector?.slice(0, 13) + "..." ? displayedData[index]?.sector?.slice(0, 13) + "..."
: displayedData[index]?.sector}</a : displayedData[index]?.sector}</a

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

@ -705,7 +705,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-primary 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-default 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
@ -729,7 +729,7 @@
> >
<!-- Search Input --> <!-- Search Input -->
<div <div
class="sticky fixed -top-1 z-40 bg-[#09090B] p-2 border-b border-gray-600" class="sticky fixed -top-1 z-40 bg-default p-2 border-b border-gray-600"
> >
<div class="relative w-full"> <div class="relative w-full">
<!-- Input Field --> <!-- Input Field -->
@ -738,7 +738,7 @@
on:input={handleInput} on:input={handleInput}
autocomplete="off" autocomplete="off"
autofocus="" autofocus=""
class="text-sm w-full border-0 bg-[#09090B] focus:border-gray-200 focus:ring-0 text-white placeholder:text-gray-300 pr-8" class="text-sm w-full border-0 bg-default focus:border-gray-200 focus:ring-0 text-white placeholder:text-gray-300 pr-8"
type="text" type="text"
placeholder="" placeholder=""
/> />
@ -834,17 +834,17 @@
</DropdownMenu.Group> </DropdownMenu.Group>
<!-- Reset Selection button --> <!-- Reset Selection button -->
<div <div
class="sticky -bottom-1 bg-[#09090B] z-50 p-2 border-t border-gray-600 w-full flex justify-between items-center" class="sticky -bottom-1 bg-default z-50 p-2 border-t border-gray-600 w-full flex justify-between items-center"
> >
<label <label
on:click={handleResetAll} on:click={handleResetAll}
class="w-full sm:hover:text-white text-gray-300 bg-[#09090B] text-start text-sm cursor-pointer" class="w-full sm:hover:text-white text-gray-300 bg-default text-start text-sm cursor-pointer"
> >
Reset Selection Reset Selection
</label> </label>
<label <label
on:click={handleSelectAll} on:click={handleSelectAll}
class="w-full flex justify-end sm:hover:text-white text-gray-300 bg-[#09090B] text-start text-sm cursor-pointer" class="w-full flex justify-end sm:hover:text-white text-gray-300 bg-default text-start text-sm cursor-pointer"
> >
Select All Select All
</label> </label>
@ -855,7 +855,7 @@
<div class="w-full overflow-x-scroll text-white"> <div class="w-full overflow-x-scroll text-white">
<table <table
class="table table-sm table-compact rounded-none sm:rounded-md w-full border-bg-[#09090B] m-auto mt-4" class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto mt-4"
> >
<thead> <thead>
<TableHeader {columns} {sortOrders} {sortData} /> <TableHeader {columns} {sortOrders} {sortData} />
@ -863,7 +863,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-odd border-b-[#09090B] {index + class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-odd border-b border-gray-800 {index +
1 === 1 ===
rawData?.length && rawData?.length &&
data?.user?.tier !== 'Pro' && data?.user?.tier !== 'Pro' &&
@ -873,7 +873,7 @@
> >
{#each columns as column} {#each columns as column}
<td <td
class="text-sm sm:text-[1rem] border-b-[#09090B] whitespace-nowrap" class="text-sm sm:text-[1rem] whitespace-nowrap"
class:text-left={column.align === "left"} class:text-left={column.align === "left"}
class:text-right={column.align === "right"} class:text-right={column.align === "right"}
> >

2
src/lib/components/Table/TableHeader.svelte
View File

@ -12,7 +12,7 @@
`; `;
</script> </script>
<tr class="bg-[#09090B] border-b border-[#27272A]"> <tr class="bg-default border-b border-[#27272A]">
{#each columns as column} {#each columns as column}
<th <th
on:click={() => sortData(column.key)} on:click={() => sortData(column.key)}

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

@ -297,7 +297,7 @@
></label> ></label>
<div <div
class="modal-box overflow-hidden rounded-xl bg-[#09090B] sm:my-8 sm:m-auto sm:h-auto w-full sm:w-1/2 2xl:w-1/3" class="modal-box overflow-hidden rounded-xl bg-default sm:my-8 sm:m-auto sm:h-auto w-full sm:w-1/2 2xl:w-1/3"
> >
<!-- Search layout --> <!-- Search layout -->
<div class="mt-5 sm:mt-0"> <div class="mt-5 sm:mt-0">
@ -305,7 +305,7 @@
<label for="modal-search" class="sr-only">Search</label> <label for="modal-search" class="sr-only">Search</label>
<input <input
id="modal-search" id="modal-search"
class="rounded-md w-full text-white bg-[#09090B] border border-gray-600 focus:ring-transparent placeholder-gray-200 py-3 pl-10 pr-4" class="rounded-md w-full text-white bg-default border border-gray-600 focus:ring-transparent placeholder-gray-200 py-3 pl-10 pr-4"
type="search" type="search"
placeholder="Search Anything…" placeholder="Search Anything…"
bind:value={searchQuery} bind:value={searchQuery}
@ -359,7 +359,7 @@
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-[#404040] bg-opacity-[0.25] rounded group' ? 'shake-ticker cursor-pointer flex justify-start items-center p-2 text-white bg-[#404040] bg-opacity-[0.25] rounded group'
: 'shake-ticker cursor-pointer bg-[#09090B] sm:hover:bg-[#17171A] rounded-md flex justify-start items-center p-2 text-white group'} w-full" : 'shake-ticker cursor-pointer bg-default sm:hover:bg-[#17171A] 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
@ -401,7 +401,7 @@
on:click={() => searchBarTicker(item?.symbol, item?.type)} on:click={() => searchBarTicker(item?.symbol, item?.type)}
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-[#404040] bg-opacity-[0.25] rounded group' ? 'shake-ticker cursor-pointer flex justify-start items-center p-2 text-white bg-[#404040] bg-opacity-[0.25] rounded group'
: 'cursor-pointer mb-2 bg-[#09090B] sm:hover:bg-[#17171A] rounded-md flex justify-start items-center p-2 text-white group'}" : 'cursor-pointer mb-2 bg-default sm:hover:bg-[#17171A] 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">
@ -476,7 +476,7 @@
<div class="drawer-side overflow-hidden"> <div class="drawer-side overflow-hidden">
<div <div
class="modal-box overflow-hidden rounded-xl bg-[#09090B] min-h-screen w-screen pt-10" class="modal-box overflow-hidden rounded-xl bg-default min-h-screen w-screen pt-10"
> >
<!-- Search layout --> <!-- Search layout -->
<div class="mt-5 sm:mt-0"> <div class="mt-5 sm:mt-0">
@ -484,7 +484,7 @@
<label for="modal-search" class="sr-only">Search</label> <label for="modal-search" class="sr-only">Search</label>
<input <input
id="modal-search" id="modal-search"
class="rounded-md w-full text-white bg-[#09090B] border border-gray-600 focus:ring-transparent placeholder-gray-200 py-3 pl-10 pr-4" class="rounded-md w-full text-white bg-default border border-gray-600 focus:ring-transparent placeholder-gray-200 py-3 pl-10 pr-4"
type="search" type="search"
placeholder="Search Anything…" placeholder="Search Anything…"
bind:value={searchQuery} bind:value={searchQuery}
@ -541,7 +541,7 @@
on:click={() => popularTicker(item?.symbol, item?.type)} on:click={() => popularTicker(item?.symbol, item?.type)}
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-[#404040] bg-opacity-[0.25] rounded group' ? 'shake-ticker cursor-pointer flex justify-start items-center p-2 text-white bg-[#404040] bg-opacity-[0.25] rounded group'
: 'cursor-pointer bg-[#09090B] rounded-md flex justify-start items-center p-2 text-white group'} w-full" : 'cursor-pointer bg-default 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
@ -586,7 +586,7 @@
searchBarTicker(item?.symbol, item?.type)} searchBarTicker(item?.symbol, item?.type)}
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-[#404040] bg-opacity-[0.25] rounded group' ? 'shake-ticker cursor-pointer flex justify-start items-center p-2 text-white bg-[#404040] bg-opacity-[0.25] rounded group'
: 'cursor-pointer mb-2 bg-[#09090B] rounded-md flex justify-start items-center p-2 text-white group'}" : 'cursor-pointer mb-2 bg-default 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 ml-1"> <div class="flex flex-col ml-1">

82
src/lib/components/TickerInfoCard.svelte
View File

@ -81,7 +81,7 @@
<div class="sm:space-y-3"> <div class="sm:space-y-3">
<div <div
class="sm:rounded-md lg:border lg:border-gray-600 bg-[#000] lg:bg-[#09090B] h-auto w-screen pt-16 sm:w-full md:w-[420px] xl:w-[450px] lg:pt-0" class="sm:rounded-md lg:border lg:border-gray-600 bg-[#000] lg:bg-default h-auto w-screen pt-16 sm:w-full md:w-[420px] xl:w-[450px] lg:pt-0"
> >
<!--Start Header--> <!--Start Header-->
<div <div
@ -121,27 +121,27 @@
<tbody> <tbody>
<!-- <!--
<tr class="text-white border-b border-[#27272A]"> <tr class="text-white border-b border-[#27272A]">
<td class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap">CEO</td> <td class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap">CEO</td>
<td class="text-center sm:text-end bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-[#09090B] whitespace-normal font-semibold">{ceoName}</td> <td class="text-center sm:text-end bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default whitespace-normal font-semibold">{ceoName}</td>
<td class="text-start sm:text-end lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap">Country</td> <td class="text-start sm:text-end lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap">Country</td>
<td class="text-start sm:text-end bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-[#09090B] whitespace-normal font-semibold">{country}</td> <td class="text-start sm:text-end bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default whitespace-normal font-semibold">{country}</td>
</tr> </tr>
--> -->
<tr class="text-white border-b border-[#27272A]"> <tr class="text-white border-b border-[#27272A]">
<td <td
class="text-start bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap" class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
>Bid</td >Bid</td
> >
<td class="text-center sm:text-end bg-[#000] lg:bg-[#09090B]" <td class="text-center sm:text-end bg-[#000] lg:bg-default"
>{$wsBidPrice !== 0 && $wsBidPrice !== null >{$wsBidPrice !== 0 && $wsBidPrice !== null
? $wsBidPrice ? $wsBidPrice
: (data?.getStockQuote?.bid ?? "-")}</td : (data?.getStockQuote?.bid ?? "-")}</td
> >
<td <td
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap" class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
>Ask</td >Ask</td
> >
<td class="text-start sm:text-end bg-[#000] lg:bg-[#09090B]" <td class="text-start sm:text-end bg-[#000] lg:bg-default"
>{$wsAskPrice !== 0 && $wsAskPrice !== null >{$wsAskPrice !== 0 && $wsAskPrice !== null
? $wsAskPrice ? $wsAskPrice
: (data?.getStockQuote?.ask ?? "-")}</td : (data?.getStockQuote?.ask ?? "-")}</td
@ -149,107 +149,107 @@
</tr> </tr>
<tr class="text-white border-b border-[#27272A]"> <tr class="text-white border-b border-[#27272A]">
<td <td
class="text-start bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap" class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
>Mkt Cap</td >Mkt Cap</td
> >
<td class="text-center sm:text-end bg-[#000] lg:bg-[#09090B]" <td class="text-center sm:text-end bg-[#000] lg:bg-default"
>{abbreviateNumber(data?.getStockQuote?.marketCap)}</td >{abbreviateNumber(data?.getStockQuote?.marketCap)}</td
> >
<td <td
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap" class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
>Vol</td >Vol</td
> >
<td class="text-start sm:text-end bg-[#000] lg:bg-[#09090B]" <td class="text-start sm:text-end bg-[#000] lg:bg-default"
>{abbreviateNumber(data?.getStockQuote?.volume)}</td >{abbreviateNumber(data?.getStockQuote?.volume)}</td
> >
</tr> </tr>
<tr class="text-white border-b border-[#27272A]"> <tr class="text-white border-b border-[#27272A]">
<td <td
class="text-start bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap" class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
>Beta</td >Beta</td
> >
<td class="text-center sm:text-end bg-[#000] lg:bg-[#09090B]" <td class="text-center sm:text-end bg-[#000] lg:bg-default"
>{beta}</td >{beta}</td
> >
<td <td
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap" class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
>Avg. Vol</td >Avg. Vol</td
> >
<td class="text-start sm:text-end bg-[#000] lg:bg-[#09090B]" <td class="text-start sm:text-end bg-[#000] lg:bg-default"
>{abbreviateNumber(data?.getStockQuote?.avgVolume)}</td >{abbreviateNumber(data?.getStockQuote?.avgVolume)}</td
> >
</tr> </tr>
<!-- <!--
<tr class="text-white "> <tr class="text-white ">
<td class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-[#09090B] text-white whitespace-pre-line font-semibold whitespace-nowrap">Sector</td> <td class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white whitespace-pre-line font-semibold whitespace-nowrap">Sector</td>
<td class="text-center bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-[#09090B] whitespace-pre-line font-semibold">{sector}</td> <td class="text-center bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default whitespace-pre-line font-semibold">{sector}</td>
<td class="text-start sm:text-center lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap">Employees</td> <td class="text-start sm:text-center lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap">Employees</td>
<td class="text-start sm:text-end bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-[#09090B] font-semibold">{employees}</td> <td class="text-start sm:text-end bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default font-semibold">{employees}</td>
</tr> </tr>
<tr class="text-white border-b border-[#27272A]"> <tr class="text-white border-b border-[#27272A]">
<td class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap">Industry</td> <td class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap">Industry</td>
<td class="text-center bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-[#09090B] whitespace-normal font-semibold">{industry}</td> <td class="text-center bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default whitespace-normal font-semibold">{industry}</td>
<td class="text-start sm:text-center lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap">Exchange</td> <td class="text-start sm:text-center lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap">Exchange</td>
<td class="text-start sm:text-end bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-[#09090B] font-semibold">{exchange}</td> <td class="text-start sm:text-end bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default font-semibold">{exchange}</td>
</tr> </tr>
--> -->
<tr class="text-white border-b border-[#27272A]"> <tr class="text-white border-b border-[#27272A]">
<td <td
class="text-start bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap" class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
>Open</td >Open</td
> >
<td class="text-center sm:text-end bg-[#000] lg:bg-[#09090B]" <td class="text-center sm:text-end bg-[#000] lg:bg-default"
>{data?.getStockQuote?.open?.toFixed(2)}</td >{data?.getStockQuote?.open?.toFixed(2)}</td
> >
<td <td
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap" class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
>Prev. Close</td >Prev. Close</td
> >
<td <td
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] whitespace-nowrap" class="text-start sm:text-end bg-[#000] lg:bg-default whitespace-nowrap"
>{data?.getStockQuote?.previousClose?.toFixed(2) ?? "-"}</td >{data?.getStockQuote?.previousClose?.toFixed(2) ?? "-"}</td
> >
</tr> </tr>
<!-- <!--
{#if $screenWidth > 640} {#if $screenWidth > 640}
<tr class="text-white border-b border-[#27272A]"> <tr class="text-white border-b border-[#27272A]">
<td class="text-start bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap">1D-Range</td> <td class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap">1D-Range</td>
<td class="text-center sm:text-end bg-[#000] lg:bg-[#09090B]">{data?.getStockQuote?.dayLow?.toFixed(2)} - {data?.getStockQuote?.dayHigh?.toFixed(2)}</td> <td class="text-center sm:text-end bg-[#000] lg:bg-default">{data?.getStockQuote?.dayLow?.toFixed(2)} - {data?.getStockQuote?.dayHigh?.toFixed(2)}</td>
<td class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap ">1Y-Range</td> <td class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap ">1Y-Range</td>
<td class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] whitespace-nowrap ">{data?.getStockQuote?.yearLow?.toFixed(2)} - {data?.getStockQuote?.yearHigh?.toFixed(2)}</td> <td class="text-start sm:text-end bg-[#000] lg:bg-default whitespace-nowrap ">{data?.getStockQuote?.yearLow?.toFixed(2)} - {data?.getStockQuote?.yearHigh?.toFixed(2)}</td>
</tr> </tr>
{/if} {/if}
--> -->
<tr class="text-white border-b border-[#27272A]"> <tr class="text-white border-b border-[#27272A]">
<td <td
class="text-start bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap" class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
>EPS (ttm)</td >EPS (ttm)</td
> >
<td class="text-center sm:text-end bg-[#000] lg:bg-[#09090B]" <td class="text-center sm:text-end bg-[#000] lg:bg-default"
>{data?.getStockQuote?.eps}</td >{data?.getStockQuote?.eps}</td
> >
<td <td
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap" class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
>PE Ratio (ttm)</td >PE Ratio (ttm)</td
> >
<td class="text-start sm:text-end bg-[#000] lg:bg-[#09090B]" <td class="text-start sm:text-end bg-[#000] lg:bg-default"
>{data?.getStockQuote?.pe}</td >{data?.getStockQuote?.pe}</td
> >
</tr> </tr>
<tr class="text-white border-b border-[#27272A]"> <tr class="text-white border-b border-[#27272A]">
<td <td
class="text-start bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap" class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
>Shares Out.</td >Shares Out.</td
> >
<td class="text-center sm:text-end bg-[#000] lg:bg-[#09090B]" <td class="text-center sm:text-end bg-[#000] lg:bg-default"
>{abbreviateNumber(data?.getStockQuote?.sharesOutstanding)}</td >{abbreviateNumber(data?.getStockQuote?.sharesOutstanding)}</td
> >
<td <td
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap" class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
>Forward PE</td >Forward PE</td
> >
<td <td
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] whitespace-nowrap" class="text-start sm:text-end bg-[#000] lg:bg-default whitespace-nowrap"
>{forwardPE === undefined || forwardPE === null >{forwardPE === undefined || forwardPE === null
? "-" ? "-"
: forwardPE}</td : forwardPE}</td

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

@ -19,7 +19,7 @@
: 'hidden'}" : 'hidden'}"
> >
<div <div
class="sm:rounded-md shadow-lg bg-[#000] sm:bg-[#09090B] sm:border sm:border-gray-600 h-auto {$screenWidth < class="sm:rounded-md shadow-lg bg-[#000] sm:bg-default sm:border sm:border-gray-600 h-auto {$screenWidth <
640 640
? 'w-screen pt-16' ? 'w-screen pt-16'
: ''} md:w-[420px] xl:w-[450px]" : ''} md:w-[420px] xl:w-[450px]"
@ -42,15 +42,15 @@
<thead> <thead>
<tr> <tr>
<th <th
class="text-white font-semibold text-sm text-start bg-[#000] sm:bg-[#09090B]" class="text-white font-semibold text-sm text-start bg-[#000] sm:bg-default"
>Company Name</th >Company Name</th
> >
<th <th
class="text-white font-semibold text-sm text-end bg-[#000] sm:bg-[#09090B]" class="text-white font-semibold text-sm text-end bg-[#000] sm:bg-default"
>Total Assets</th >Total Assets</th
> >
<th <th
class="text-white font-semibold text-sm text-end bg-[#000] sm:bg-[#09090B]" class="text-white font-semibold text-sm text-end bg-[#000] sm:bg-default"
>% of Fund</th >% of Fund</th
> >
</tr> </tr>
@ -58,7 +58,7 @@
<tbody> <tbody>
{#each topETFHolder as item, index} {#each topETFHolder as item, index}
<tr <tr
class="sm:hover:text-white text-blue-400 sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#000] sm:bg-[#09090B] border-b border-[#000] sm:border-[#27272A]" class="sm:hover:text-white text-blue-400 sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#000] sm:bg-default border-b border-[#000] sm:border-[#27272A]"
> >
{#if index <= 6} {#if index <= 6}
<td> <td>

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

@ -41,7 +41,7 @@
class="space-y-3 lg:pt-5 lg:{topHoldingList?.length !== 0 ? '' : 'hidden'}" class="space-y-3 lg:pt-5 lg:{topHoldingList?.length !== 0 ? '' : 'hidden'}"
> >
<div <div
class="sm:rounded-sm shadow-lg bg-[#000] lg:bg-[#09090B] lg:border lg:border-gray-600 h-auto {$screenWidth <= class="sm:rounded-sm shadow-lg bg-[#000] lg:bg-default lg:border lg:border-gray-600 h-auto {$screenWidth <=
800 800
? 'w-screen pt-16' ? 'w-screen pt-16'
: ''} md:w-[420px] xl:w-[450px]" : ''} md:w-[420px] xl:w-[450px]"
@ -68,12 +68,12 @@
<thead> <thead>
<tr> <tr>
<th <th
class="text-white font-semibold text-sm text-start bg-[#000] lg:bg-[#09090B]" class="text-white font-semibold text-sm text-start bg-[#000] lg:bg-default"
>Company</th >Company</th
> >
<th <th
class="text-white font-semibold text-sm text-end bg-[#000] lg:bg-[#09090B]" class="text-white font-semibold text-sm text-end bg-[#000] lg:bg-default"
>Portfolio</th >Portfolio</th
> >
</tr> </tr>
@ -83,7 +83,7 @@
{#if item?.asset !== null} {#if item?.asset !== null}
<tr <tr
on:click={() => stockSelector(item?.asset)} on:click={() => stockSelector(item?.asset)}
class="lg:shake-ticker sm:hover:text-white text-blue-400 cursor-pointer lg:hover:bg-[#245073] lg:hover:bg-opacity-[0.2] bg-[#000] lg:bg-[#09090B] border-b border-[#000] lg:border-[#27272A]" class="lg:shake-ticker sm:hover:text-white text-blue-400 cursor-pointer lg:hover:bg-[#245073] lg:hover:bg-opacity-[0.2] bg-[#000] lg:bg-default border-b border-[#000] lg:border-[#27272A]"
> >
<td class=""> <td class="">
<div class="flex flex-row items-center"> <div class="flex flex-row items-center">

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

@ -156,7 +156,7 @@
{#if Object?.keys(varDict)?.length !== 0} {#if Object?.keys(varDict)?.length !== 0}
<div class="pb-4 w-full mt-5"> <div class="pb-4 w-full mt-5">
<div <div
class="w-auto p-4 sm:p-6 bg-[#09090B] sm:bg-[#09090B] rounded-md relative" class="w-auto p-4 sm:p-6 bg-default sm:bg-default rounded-md relative"
> >
<div class="flex flex-row items-center justify-between"> <div class="flex flex-row items-center justify-between">
<div class="relative size-[60px] sm:size-[90px] ml-auto"> <div class="relative size-[60px] sm:size-[90px] ml-auto">

65
src/lib/components/WIIM.svelte
View File

@ -104,20 +104,79 @@
>New</label >New</label
> >
{/if} {/if}
<div class="text-white text-sm ml-auto font-medium"> <div
class="text-white text-sm sm:text-[1rem] ml-auto font-medium"
>
{#if item?.changesPercentage >= 0} {#if item?.changesPercentage >= 0}
<span class="text-[#00FC50] inline-block" <span class="text-[#00FC50] inline-block"
>+{item?.changesPercentage}%</span >+{item?.changesPercentage}%</span
> >
<svg
class="w-5 h-5 hidden sm:inline-block"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
transform="rotate(180)matrix(-1, 0, 0, 1, 0, 0)"
><g id="SVGRepo_bgCarrier" stroke-width="0"
></g><g
id="SVGRepo_tracerCarrier"
stroke-linecap="round"
stroke-linejoin="round"
></g><g id="SVGRepo_iconCarrier">
<g clip-path="url(#clip0_1076_36065)">
<path
d="M1.70711 5.29289C1.31658 4.90237 0.683417 4.90237 0.292893 5.29289C-0.0976311 5.68342 -0.0976311 6.31658 0.292893 6.70711L7.79289 14.2071C8.18342 14.5976 8.81658 14.5976 9.20711 14.2071L13.5 9.91421L20.5858 17H17C16.4477 17 16 17.4477 16 18C16 18.5523 16.4477 19 17 19H22.9993L23.003 19C23.1375 18.9996 23.2657 18.9727 23.3828 18.9241C23.5007 18.8753 23.6112 18.803 23.7071 18.7071C23.8902 18.524 23.9874 18.2877 23.9989 18.048C23.9996 18.032 24 18.016 24 18V12C24 11.4477 23.5523 11 23 11C22.4477 11 22 11.4477 22 12V15.5858L14.2071 7.79289C13.8166 7.40237 13.1834 7.40237 12.7929 7.79289L8.5 12.0858L1.70711 5.29289Z"
fill="#00FC50"
></path>
</g>
<defs>
<clipPath id="clip0_1076_36065">
<rect
width="24"
height="24"
fill="#00FC50"
></rect>
</clipPath>
</defs>
</g></svg
>
{:else if item?.changesPercentage < 0} {:else if item?.changesPercentage < 0}
<span class="text-[#FF2F1F] inline-block" <span class="text-[#FF2F1F] inline-block"
>{item?.changesPercentage}% >{item?.changesPercentage}%
</span> </span>
<svg
class="w-5 h-5 hidden sm:inline-block"
viewBox="0 0 24 24"
fill="#FF2F1F"
xmlns="http://www.w3.org/2000/svg"
><g id="SVGRepo_bgCarrier" stroke-width="0"
></g><g
id="SVGRepo_tracerCarrier"
stroke-linecap="round"
stroke-linejoin="round"
></g><g id="SVGRepo_iconCarrier">
<g clip-path="url(#clip0_1076_36065)">
<path
d="M1.70711 5.29289C1.31658 4.90237 0.683417 4.90237 0.292893 5.29289C-0.0976311 5.68342 -0.0976311 6.31658 0.292893 6.70711L7.79289 14.2071C8.18342 14.5976 8.81658 14.5976 9.20711 14.2071L13.5 9.91421L20.5858 17H17C16.4477 17 16 17.4477 16 18C16 18.5523 16.4477 19 17 19H22.9993L23.003 19C23.1375 18.9996 23.2657 18.9727 23.3828 18.9241C23.5007 18.8753 23.6112 18.803 23.7071 18.7071C23.8902 18.524 23.9874 18.2877 23.9989 18.048C23.9996 18.032 24 18.016 24 18V12C24 11.4477 23.5523 11 23 11C22.4477 11 22 11.4477 22 12V15.5858L14.2071 7.79289C13.8166 7.40237 13.1834 7.40237 12.7929 7.79289L8.5 12.0858L1.70711 5.29289Z"
fill="#FF2F1F"
></path>
</g>
<defs>
<clipPath id="clip0_1076_36065">
<rect
width="24"
height="24"
fill="#FF2F1F"
></rect>
</clipPath>
</defs>
</g></svg
>
{/if} {/if}
</div> </div>
</div> </div>
<div class="flex flex-col w-full max-w-3xl pt-2"> <div class="flex flex-col w-full pt-2">
{#if index === 0 && data?.user?.tier !== "Pro"} {#if index === 0 && data?.user?.tier !== "Pro"}
<span class="mt-3"> <span class="mt-3">
{item?.text?.slice(0, 50) + "..."} {item?.text?.slice(0, 50) + "..."}
@ -174,7 +233,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-[#09090B] 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-default 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 class="loading loading-spinner loading-md text-gray-400"
></span> ></span>

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

@ -55,7 +55,7 @@
<div class="w-screen sm:w-full"> <div class="w-screen sm:w-full">
<div class="w-full overflow-x-scroll"> <div class="w-full overflow-x-scroll">
<table <table
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B] m-auto mt-4" class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto mt-4"
> >
<!-- head --> <!-- head -->
<thead> <thead>

2
src/lib/components/shadcn/card/card.svelte
View File

@ -10,7 +10,7 @@
<div <div
class={cn( class={cn(
"rounded-md border border-gray-800 bg-[#09090B] text-white shadow-sm", "rounded-md border border-gray-800 bg-default text-white shadow-sm",
className, className,
)} )}
{...$$restProps} {...$$restProps}

28
src/lib/components/shadcn/command/command.svelte
View File

@ -1,22 +1,22 @@
<script lang="ts"> <script lang="ts">
import { Command as CommandPrimitive } from "cmdk-sv"; import { Command as CommandPrimitive } from "cmdk-sv";
import { cn } from "$lib/utils"; import { cn } from "$lib/utils";
type $$Props = CommandPrimitive.CommandProps; type $$Props = CommandPrimitive.CommandProps;
export let value: $$Props["value"] = undefined; export let value: $$Props["value"] = undefined;
let className: string | undefined | null = undefined; let className: string | undefined | null = undefined;
export { className as class }; export { className as class };
</script> </script>
<CommandPrimitive.Root <CommandPrimitive.Root
class={cn( class={cn(
"bg-[#09090B] text-white flex h-full w-full flex-col overflow-hidden rounded-md", "bg-default text-white flex h-full w-full flex-col overflow-hidden rounded-md",
className className,
)} )}
bind:value bind:value
{...$$restProps} {...$$restProps}
> >
<slot /> <slot />
</CommandPrimitive.Root> </CommandPrimitive.Root>

40
src/lib/components/shadcn/dropdown-menu/dropdown-menu-content.svelte
View File

@ -1,27 +1,27 @@
<script lang="ts"> <script lang="ts">
import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui"; import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
import { cn, flyAndScale } from "$lib/utils"; import { cn, flyAndScale } from "$lib/utils";
type $$Props = DropdownMenuPrimitive.ContentProps; type $$Props = DropdownMenuPrimitive.ContentProps;
type $$Events = DropdownMenuPrimitive.ContentEvents; type $$Events = DropdownMenuPrimitive.ContentEvents;
let className: $$Props["class"] = undefined; let className: $$Props["class"] = undefined;
export let sideOffset: $$Props["sideOffset"] = 4; export let sideOffset: $$Props["sideOffset"] = 4;
export let transition: $$Props["transition"] = flyAndScale; export let transition: $$Props["transition"] = flyAndScale;
export let transitionConfig: $$Props["transitionConfig"] = undefined; export let transitionConfig: $$Props["transitionConfig"] = undefined;
export { className as class }; export { className as class };
</script> </script>
<DropdownMenuPrimitive.Content <DropdownMenuPrimitive.Content
{transition} {transition}
{transitionConfig} {transitionConfig}
{sideOffset} {sideOffset}
class={cn( class={cn(
"z-50 min-w-[8rem] rounded-md border border-gray-500 bg-[#09090B] p-1 text-white shadow-md focus:outline-none", "z-50 min-w-[8rem] rounded-md border border-gray-500 bg-default p-1 text-white shadow-md focus:outline-none",
className className,
)} )}
{...$$restProps} {...$$restProps}
on:keydown on:keydown
> >
<slot /> <slot />
</DropdownMenuPrimitive.Content> </DropdownMenuPrimitive.Content>

46
src/lib/components/shadcn/dropdown-menu/dropdown-menu-sub-content.svelte
View File

@ -1,30 +1,30 @@
<script lang="ts"> <script lang="ts">
import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui"; import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
import { cn, flyAndScale } from "$lib/utils"; import { cn, flyAndScale } from "$lib/utils";
type $$Props = DropdownMenuPrimitive.SubContentProps; type $$Props = DropdownMenuPrimitive.SubContentProps;
type $$Events = DropdownMenuPrimitive.SubContentEvents; type $$Events = DropdownMenuPrimitive.SubContentEvents;
let className: $$Props["class"] = undefined; let className: $$Props["class"] = undefined;
export let transition: $$Props["transition"] = flyAndScale; export let transition: $$Props["transition"] = flyAndScale;
export let transitionConfig: $$Props["transitionConfig"] = { export let transitionConfig: $$Props["transitionConfig"] = {
x: -10, x: -10,
y: 0, y: 0,
}; };
export { className as class }; export { className as class };
</script> </script>
<DropdownMenuPrimitive.SubContent <DropdownMenuPrimitive.SubContent
{transition} {transition}
{transitionConfig} {transitionConfig}
class={cn( class={cn(
"z-50 min-w-[8rem] rounded-md border bg-[#09090B] p-1 text-white shadow-lg focus:outline-none", "z-50 min-w-[8rem] rounded-md border bg-default p-1 text-white shadow-lg focus:outline-none",
className className,
)} )}
{...$$restProps} {...$$restProps}
on:keydown on:keydown
on:focusout on:focusout
on:pointermove on:pointermove
> >
<slot /> <slot />
</DropdownMenuPrimitive.SubContent> </DropdownMenuPrimitive.SubContent>

62
src/lib/components/shadcn/select/select-content.svelte
View File

@ -1,39 +1,39 @@
<script lang="ts"> <script lang="ts">
import { Select as SelectPrimitive } from "bits-ui"; import { Select as SelectPrimitive } from "bits-ui";
import { scale } from "svelte/transition"; import { scale } from "svelte/transition";
import { cn, flyAndScale } from "$lib/utils"; import { cn, flyAndScale } from "$lib/utils";
type $$Props = SelectPrimitive.ContentProps; type $$Props = SelectPrimitive.ContentProps;
type $$Events = SelectPrimitive.ContentEvents; type $$Events = SelectPrimitive.ContentEvents;
export let sideOffset: $$Props["sideOffset"] = 4; export let sideOffset: $$Props["sideOffset"] = 4;
export let inTransition: $$Props["inTransition"] = flyAndScale; export let inTransition: $$Props["inTransition"] = flyAndScale;
export let inTransitionConfig: $$Props["inTransitionConfig"] = undefined; export let inTransitionConfig: $$Props["inTransitionConfig"] = undefined;
export let outTransition: $$Props["outTransition"] = scale; export let outTransition: $$Props["outTransition"] = scale;
export let outTransitionConfig: $$Props["outTransitionConfig"] = { export let outTransitionConfig: $$Props["outTransitionConfig"] = {
start: 0.95, start: 0.95,
opacity: 0, opacity: 0,
duration: 50, duration: 50,
}; };
let className: $$Props["class"] = undefined; let className: $$Props["class"] = undefined;
export { className as class }; export { className as class };
</script> </script>
<SelectPrimitive.Content <SelectPrimitive.Content
{inTransition} {inTransition}
{inTransitionConfig} {inTransitionConfig}
{outTransition} {outTransition}
{outTransitionConfig} {outTransitionConfig}
{sideOffset} {sideOffset}
class={cn( class={cn(
"bg-[#09090B] text-white relative z-50 min-w-[8rem] overflow-hidden rounded-md border border-gray-800 shadow-md outline-none", "bg-default text-white relative z-50 min-w-[8rem] overflow-hidden rounded-md border border-gray-800 shadow-md outline-none",
className className,
)} )}
{...$$restProps} {...$$restProps}
on:keydown on:keydown
> >
<div class="w-full p-1"> <div class="w-full p-1">
<slot /> <slot />
</div> </div>
</SelectPrimitive.Content> </SelectPrimitive.Content>

40
src/lib/components/shadcn/select/select-trigger.svelte
View File

@ -1,27 +1,27 @@
<script lang="ts"> <script lang="ts">
import { Select as SelectPrimitive } from "bits-ui"; import { Select as SelectPrimitive } from "bits-ui";
import ChevronDown from "lucide-svelte/icons/chevron-down"; import ChevronDown from "lucide-svelte/icons/chevron-down";
import { cn } from "$lib/utils"; import { cn } from "$lib/utils";
type $$Props = SelectPrimitive.TriggerProps; type $$Props = SelectPrimitive.TriggerProps;
type $$Events = SelectPrimitive.TriggerEvents; type $$Events = SelectPrimitive.TriggerEvents;
let className: $$Props["class"] = undefined; let className: $$Props["class"] = undefined;
export { className as class }; export { className as class };
</script> </script>
<SelectPrimitive.Trigger <SelectPrimitive.Trigger
class={cn( class={cn(
"border-input bg-[#09090B] ring-offset-background focus-visible:ring-ring aria-[invalid]:border-destructive data-[placeholder]:[&>span]:text-white flex h-10 w-full items-center justify-between rounded-md border border-gray-800 px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", "border-input bg-default ring-offset-background focus-visible:ring-ring aria-[invalid]:border-destructive data-[placeholder]:[&>span]:text-white flex h-10 w-full items-center justify-between rounded-md border border-gray-800 px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
className className,
)} )}
{...$$restProps} {...$$restProps}
let:builder let:builder
on:click on:click
on:keydown on:keydown
> >
<slot {builder} /> <slot {builder} />
<div> <div>
<ChevronDown class="h-4 w-4 opacity-50" /> <ChevronDown class="h-4 w-4 opacity-50" />
</div> </div>
</SelectPrimitive.Trigger> </SelectPrimitive.Trigger>

30
src/lib/components/shadcn/sheet/sheet-overlay.svelte
View File

@ -1,21 +1,21 @@
<script lang="ts"> <script lang="ts">
import { Dialog as SheetPrimitive } from "bits-ui"; import { Dialog as SheetPrimitive } from "bits-ui";
import { fade } from "svelte/transition"; import { fade } from "svelte/transition";
import { cn } from "$lib/utils.js"; import { cn } from "$lib/utils.js";
type $$Props = SheetPrimitive.OverlayProps; type $$Props = SheetPrimitive.OverlayProps;
let className: $$Props["class"] = undefined; let className: $$Props["class"] = undefined;
export let transition: $$Props["transition"] = fade; export let transition: $$Props["transition"] = fade;
export let transitionConfig: $$Props["transitionConfig"] = { export let transitionConfig: $$Props["transitionConfig"] = {
duration: 150, duration: 150,
}; };
export { className as class }; export { className as class };
</script> </script>
<SheetPrimitive.Overlay <SheetPrimitive.Overlay
{transition} {transition}
{transitionConfig} {transitionConfig}
class={cn("fixed inset-0 z-50 bg-[#09090B]/80 backdrop-blur-sm ", className)} class={cn("fixed inset-0 z-50 bg-default/80 backdrop-blur-sm ", className)}
{...$$restProps} {...$$restProps}
/> />

2
src/routes/+error.svelte
View File

@ -7,7 +7,7 @@
</script> </script>
<section class="min-h-screen pt-6"> <section class="min-h-screen pt-6">
<div class="bg-[#09090B] mt-10 m-auto overflow-hidden w-full max-w-4xl"> <div class="bg-default mt-10 m-auto overflow-hidden w-full max-w-4xl">
<div class="lg:flex"> <div class="lg:flex">
<div class="mt-10 mb-5 m-auto"> <div class="mt-10 mb-5 m-auto">
<h1 class="text-white text-center text-2xl sm:text-4xl font-bold mb-5"> <h1 class="text-white text-center text-2xl sm:text-4xl font-bold mb-5">

10
src/routes/+layout.svelte
View File

@ -274,19 +274,19 @@
<svelte:window bind:innerWidth={$screenWidth} /> <svelte:window bind:innerWidth={$screenWidth} />
<div class="app {$page?.url?.pathname === '/' ? 'bg-[#000]' : ''}"> <div class="app {$page?.url?.pathname === '/' ? 'bg-[#000]' : ''}">
<div class="flex min-h-screen w-full flex-col bg-[#09090B]"> <div class="flex min-h-screen w-full flex-col bg-default">
<div class="w-full"> <div class="w-full">
<div <div
class="w-full navbar sticky {$screenWidth < 640 && hideHeader class="w-full navbar sticky {$screenWidth < 640 && hideHeader
? 'invisible -mt-20' ? 'invisible -mt-20'
: ''} top-0 z-40 bg-[#09090B] border-b border-gray-800 flex h-14 items-center gap-4 px-4 sm:h-auto sm:px-6" : ''} top-0 z-40 bg-default border-b border-gray-800 flex h-14 items-center gap-4 px-4 sm:h-auto sm:px-6"
> >
<Sheet.Root> <Sheet.Root>
<Sheet.Trigger asChild let:builder> <Sheet.Trigger asChild let:builder>
<Button <Button
builders={[builder]} builders={[builder]}
size="icon" size="icon"
class="bg-[#09090B] text-white sm:hover:bg-primary border-none" class="bg-default 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>
@ -845,7 +845,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-primary border border-gray-600 w-10 h-10" class="overflow-hidden rounded-md bg-default sm:hover:bg-primary border border-gray-600 w-10 h-10"
builders={[builder]} builders={[builder]}
> >
<svg <svg
@ -1215,7 +1215,7 @@
</aside> </aside>
</div> </div>
<div class="w-full"> <div class="w-full">
<main class="w-full overflow-y-auto bg-[#09090B] sm:p-4"> <main class="w-full overflow-y-auto bg-default sm:p-4">
<!-- <!--
<button on:click={handleNotificationClick}> <button on:click={handleNotificationClick}>
Send Notification Send Notification

2
src/routes/+page.svelte
View File

@ -118,7 +118,7 @@
</svelte:head> </svelte:head>
<div <div
class="w-full xl:max-w-screen-2xl overflow-hidden m-auto min-h-screen bg-[#09090B] mb-40" class="w-full xl:max-w-screen-2xl overflow-hidden m-auto min-h-screen bg-default mb-40"
> >
{#if AppInstalled && !$closedPWA} {#if AppInstalled && !$closedPWA}
<svelte:component this={AppInstalled} /> <svelte:component this={AppInstalled} />

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

@ -198,7 +198,7 @@
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-scroll sm:overflow-hidden" class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-scroll sm:overflow-hidden"
> >
<table <table
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B] m-auto" class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto"
> >
<thead> <thead>
<TableHeader {columns} {sortOrders} {sortData} /> <TableHeader {columns} {sortOrders} {sortData} />

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

@ -389,7 +389,7 @@
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-scroll" class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-scroll"
> >
<table <table
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B] m-auto" class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto"
> >
<thead> <thead>
<TableHeader {columns} {sortOrders} {sortData} /> <TableHeader {columns} {sortOrders} {sortData} />

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

@ -185,7 +185,7 @@
class="w-screen sm:w-full rounded-none sm:rounded-md mb-4 overflow-x-scroll lg:overflow-hidden" class="w-screen sm:w-full rounded-none sm:rounded-md mb-4 overflow-x-scroll lg:overflow-hidden"
> >
<table <table
class="table table-sm table-compact no-scrollbar rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B] m-auto" class="table table-sm table-compact no-scrollbar rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto"
> >
<thead> <thead>
<TableHeader {columns} {sortOrders} {sortData} /> <TableHeader {columns} {sortOrders} {sortData} />

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

@ -233,7 +233,7 @@
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-scroll" class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-scroll"
> >
<table <table
class="table table-sm table-compact no-scrollbar rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B] m-auto" class="table table-sm table-compact no-scrollbar rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto"
> >
<thead> <thead>
<TableHeader {columns} {sortOrders} {sortData} /> <TableHeader {columns} {sortOrders} {sortData} />
@ -241,7 +241,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-odd {index + class="sm:hover:bg-[#245073] border-b border-gray-800 sm:hover:bg-opacity-[0.2] odd:bg-odd {index +
1 === 1 ===
rawData?.length && data?.user?.tier !== 'Pro' rawData?.length && data?.user?.tier !== 'Pro'
? 'opacity-[0.1]' ? 'opacity-[0.1]'

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

@ -131,7 +131,7 @@
</div> </div>
<div <div
class="w-full mt-10 m-auto mb-10 bg-[#09090B] pl-3 pr-3 overflow-hidden" class="w-full mt-10 m-auto mb-10 bg-default pl-3 pr-3 overflow-hidden"
> >
<!--Start Top Winners/Losers--> <!--Start Top Winners/Losers-->
<div class="flex flex-col justify-center items-center"> <div class="flex flex-col justify-center items-center">
@ -145,7 +145,7 @@
<div class="w-full overflow-x-scroll"> <div class="w-full overflow-x-scroll">
<table <table
class="mt-5 table table-sm table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B] m-auto" class="mt-5 table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto"
> >
<thead> <thead>
<tr> <tr>

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

@ -338,7 +338,7 @@
</script> </script>
<body <body
class="bg-[#09090B] pb-40 w-full max-w-screen min-h-screen sm:max-w-7xl xl:max-w-screen-2xl overflow-hidden" class="bg-default pb-40 w-full max-w-screen min-h-screen sm:max-w-7xl xl:max-w-screen-2xl overflow-hidden"
> >
<!-- Page wrapper --> <!-- Page wrapper -->
<div class="flex flex-col w-full"> <div class="flex flex-col w-full">
@ -347,7 +347,7 @@
<div class="w-full"> <div class="w-full">
<div class="sm:flex sm:justify-start w-full"> <div class="sm:flex sm:justify-start w-full">
<!--Start Mobile Navbar--> <!--Start Mobile Navbar-->
<div class="fixed top-0 left-0 right-0 z-20 bg-[#09090B] sm:hidden"> <div class="fixed top-0 left-0 right-0 z-20 bg-default sm:hidden">
<div class="navbar w-full px-4 py-2"> <div class="navbar w-full px-4 py-2">
<div <div
class="{isScrolled class="{isScrolled
@ -567,7 +567,7 @@
<div class="flex flex-col ml-auto mr-2"> <div class="flex flex-col ml-auto mr-2">
{#if userWatchList?.length !== 0} {#if userWatchList?.length !== 0}
<div <div
class="flex-shrink-0 rounded-full hover:bg-white hover:bg-opacity-[0.02] transition ease-out w-12 h-12 relative bg-[#09090B] flex items-center justify-center" class="flex-shrink-0 rounded-full hover:bg-white hover:bg-opacity-[0.02] transition ease-out w-12 h-12 relative bg-default flex items-center justify-center"
> >
<label <label
for="addWatchListModal" for="addWatchListModal"
@ -598,7 +598,7 @@
</div> </div>
{:else if userWatchList?.length === 0} {:else if userWatchList?.length === 0}
<div <div
class="flex-shrink-0 rounded-full hover:bg-white hover:bg-opacity-[0.02] transition ease-out w-12 h-12 relative bg-[#09090B] flex items-center justify-center" class="flex-shrink-0 rounded-full hover:bg-white hover:bg-opacity-[0.02] transition ease-out w-12 h-12 relative bg-default flex items-center justify-center"
> >
<label <label
on:click={() => on:click={() =>
@ -632,7 +632,7 @@
</div> </div>
{:else} {:else}
<div <div
class="flex-shrink-0 ml-auto mr-2 rounded-full hover:bg-white hover:bg-opacity-[0.02] transition ease-out w-12 h-12 relative bg-[#09090B] flex items-center justify-center" class="flex-shrink-0 ml-auto mr-2 rounded-full hover:bg-white hover:bg-opacity-[0.02] transition ease-out w-12 h-12 relative bg-default flex items-center justify-center"
> >
<label <label
for="userLogin" for="userLogin"
@ -655,7 +655,7 @@
<!--Start Price Alert --> <!--Start Price Alert -->
<div <div
class="flex-shrink-0 rounded-full hover:bg-white hover:bg-opacity-[0.02] transition ease-out w-12 h-12 relative bg-[#09090B] flex items-center justify-center" class="flex-shrink-0 rounded-full hover:bg-white hover:bg-opacity-[0.02] transition ease-out w-12 h-12 relative bg-default flex items-center justify-center"
> >
<label <label
on:click={() => ($openPriceAlert = true)} on:click={() => ($openPriceAlert = true)}
@ -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-secondary 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-default 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-secondary 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-default 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
@ -746,7 +746,7 @@
<!--Start Ticker Section--> <!--Start Ticker Section-->
<!--<div class="w-full max-w-3xl sm:max-w-2xl m-auto pt-2 pb-5 sm:pl-3 sticky z-20 bg-[#09090B]" style="top: {$screenWidth < 520 && $isScrollingUp ? '4rem' : '0rem'};">--> <!--<div class="w-full max-w-3xl sm:max-w-2xl m-auto pt-2 pb-5 sm:pl-3 sticky z-20 bg-default" style="top: {$screenWidth < 520 && $isScrollingUp ? '4rem' : '0rem'};">-->
<div <div
class="-ml-2 sm:ml-4 w-screen sm:w-full {$screenWidth < class="-ml-2 sm:ml-4 w-screen sm:w-full {$screenWidth <
640 640
@ -754,7 +754,7 @@
: ''} mb-2" : ''} mb-2"
> >
<ul <ul
class="pr-4 sm:pr-0 w-screen font-medium flex flex-row items-center bg-[#09090B] overflow-x-scroll space-x-3 rtl:space-x-reverse py-2" class="pr-4 sm:pr-0 w-screen font-medium flex flex-row items-center bg-default overflow-x-scroll space-x-3 rtl:space-x-reverse py-2"
> >
<li class="cursor-pointer flex flex-col items-center"> <li class="cursor-pointer flex flex-col items-center">
<a <a
@ -764,14 +764,14 @@
class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection === class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection ===
'overview' 'overview'
? 'text-white ' ? 'text-white '
: 'bg-[#09090B]'}" : 'bg-default'}"
> >
Overview Overview
</a> </a>
<div <div
class="{displaySection === 'overview' class="{displaySection === 'overview'
? 'bg-[#75D377]' ? 'bg-[#75D377]'
: 'bg-[#09090B]'} mt-1 h-[3px] rounded-full w-[3.5rem]" : 'bg-default'} mt-1 h-[3px] rounded-full w-[3.5rem]"
/> />
</li> </li>
<li class="cursor-pointer flex flex-col items-center"> <li class="cursor-pointer flex flex-col items-center">
@ -782,12 +782,12 @@
class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection === class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection ===
'stats' 'stats'
? 'text-white ' ? 'text-white '
: 'bg-[#09090B]'}">Stats</a : 'bg-default'}">Stats</a
> >
<div <div
class="{displaySection === 'stats' class="{displaySection === 'stats'
? 'bg-[#75D377]' ? 'bg-[#75D377]'
: 'bg-[#09090B]'} mt-1 h-[3px] rounded-full w-[2rem]" : 'bg-default'} mt-1 h-[3px] rounded-full w-[2rem]"
/> />
</li> </li>
<li class="cursor-pointer flex flex-col items-center"> <li class="cursor-pointer flex flex-col items-center">
@ -798,14 +798,14 @@
class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection === class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection ===
'forecast' 'forecast'
? 'text-white ' ? 'text-white '
: 'bg-[#09090B]'}" : 'bg-default'}"
> >
Forecast Forecast
</a> </a>
<div <div
class="{displaySection === 'forecast' class="{displaySection === 'forecast'
? 'bg-[#75D377]' ? 'bg-[#75D377]'
: 'bg-[#09090B]'} mt-1 h-[3px] rounded-full w-[2rem]" : 'bg-default'} mt-1 h-[3px] rounded-full w-[2rem]"
/> />
</li> </li>
<li class="cursor-pointer flex flex-col items-center"> <li class="cursor-pointer flex flex-col items-center">
@ -817,14 +817,14 @@
class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection === class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection ===
'congress-trading' 'congress-trading'
? 'text-white ' ? 'text-white '
: 'bg-[#09090B]'}" : 'bg-default'}"
> >
Insider Insider
</a> </a>
<div <div
class="{displaySection === 'congress-trading' class="{displaySection === 'congress-trading'
? 'bg-[#75D377]' ? 'bg-[#75D377]'
: 'bg-[#09090B]'} mt-1 h-[3px] rounded-full w-[2.5rem]" : 'bg-default'} mt-1 h-[3px] rounded-full w-[2.5rem]"
/> />
</li> </li>
<li class="cursor-pointer flex flex-col items-center"> <li class="cursor-pointer flex flex-col items-center">
@ -835,14 +835,14 @@
class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection === class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection ===
'news' 'news'
? 'text-white ' ? 'text-white '
: 'bg-[#09090B]'}" : 'bg-default'}"
> >
News News
</a> </a>
<div <div
class="{displaySection === 'news' class="{displaySection === 'news'
? 'bg-[#75D377]' ? 'bg-[#75D377]'
: 'bg-[#09090B]'} mt-1 h-[3px] rounded-full w-[2rem]" : 'bg-default'} mt-1 h-[3px] rounded-full w-[2rem]"
/> />
</li> </li>
</ul> </ul>

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

@ -648,7 +648,7 @@ afterUpdate(async () => {
<!-- Add more Twitter meta tags as needed --> <!-- Add more Twitter meta tags as needed -->
</svelte:head> </svelte:head>
<section class="bg-[#09090B] min-h-screen pb-40"> <section class="bg-default min-h-screen pb-40">
<div class="w-full m-auto"> <div class="w-full m-auto">
<div class="md:flex md:justify-between md:divide-x md:divide-slate-800"> <div class="md:flex md:justify-between md:divide-x md:divide-slate-800">
<!-- Main content --> <!-- Main content -->
@ -740,14 +740,14 @@ afterUpdate(async () => {
on:click={() => changeData("1D")} on:click={() => changeData("1D")}
class="text-sm font-medium text-gray-400 {displayData === '1D' class="text-sm font-medium text-gray-400 {displayData === '1D'
? 'text-white ' ? 'text-white '
: 'bg-[#09090B]'}" : 'bg-default'}"
> >
1D 1D
</button> </button>
<div <div
class="{displayData === '1D' class="{displayData === '1D'
? `bg-[${colorChange}]` ? `bg-[${colorChange}]`
: 'bg-[#09090B]'} mt-1 h-[3px] w-[1.5rem] rounded-full" : 'bg-default'} mt-1 h-[3px] w-[1.5rem] rounded-full"
/> />
</div> </div>
<div class="flex flex-col items-center mr-4"> <div class="flex flex-col items-center mr-4">
@ -756,14 +756,14 @@ afterUpdate(async () => {
class="w-full text-sm font-medium text-gray-400 {displayData === class="w-full text-sm font-medium text-gray-400 {displayData ===
'1W' '1W'
? 'text-white ' ? 'text-white '
: 'bg-[#09090B]'}" : 'bg-default'}"
> >
1W 1W
</button> </button>
<div <div
class="{displayData === '1W' class="{displayData === '1W'
? `bg-[${colorChange}]` ? `bg-[${colorChange}]`
: 'bg-[#09090B]'} mt-1 h-[3px] w-[1.5rem]" : 'bg-default'} mt-1 h-[3px] w-[1.5rem]"
/> />
</div> </div>
<div class="flex flex-col items-center mr-4"> <div class="flex flex-col items-center mr-4">
@ -771,14 +771,14 @@ afterUpdate(async () => {
on:click={() => changeData("1M")} on:click={() => changeData("1M")}
class="text-sm font-medium text-gray-400 {displayData === '1M' class="text-sm font-medium text-gray-400 {displayData === '1M'
? 'text-white ' ? 'text-white '
: 'bg-[#09090B]'}" : 'bg-default'}"
> >
1M 1M
</button> </button>
<div <div
class="{displayData === '1M' class="{displayData === '1M'
? `bg-[${colorChange}]` ? `bg-[${colorChange}]`
: 'bg-[#09090B]'} mt-1 h-[3px] w-[1.5rem]" : 'bg-default'} mt-1 h-[3px] w-[1.5rem]"
/> />
</div> </div>
<div class="flex flex-col items-center mr-4"> <div class="flex flex-col items-center mr-4">
@ -786,14 +786,14 @@ afterUpdate(async () => {
on:click={() => changeData("6M")} on:click={() => changeData("6M")}
class="text-sm font-medium text-gray-400 {displayData === '6M' class="text-sm font-medium text-gray-400 {displayData === '6M'
? 'text-white ' ? 'text-white '
: 'bg-[#09090B]'}" : 'bg-default'}"
> >
6M 6M
</button> </button>
<div <div
class="{displayData === '6M' class="{displayData === '6M'
? `bg-[${colorChange}]` ? `bg-[${colorChange}]`
: 'bg-[#09090B]'} mt-1 h-[3px] w-[1.5rem]" : 'bg-default'} mt-1 h-[3px] w-[1.5rem]"
/> />
</div> </div>
<div class="flex flex-col items-center mr-4"> <div class="flex flex-col items-center mr-4">
@ -801,14 +801,14 @@ afterUpdate(async () => {
on:click={() => changeData("1Y")} on:click={() => changeData("1Y")}
class="text-sm font-medium text-gray-400 {displayData === '1Y' class="text-sm font-medium text-gray-400 {displayData === '1Y'
? 'text-white ' ? 'text-white '
: 'bg-[#09090B]'}" : 'bg-default'}"
> >
1Y 1Y
</button> </button>
<div <div
class="{displayData === '1Y' class="{displayData === '1Y'
? `bg-[${colorChange}]` ? `bg-[${colorChange}]`
: 'bg-[#09090B]'} mt-1 h-[3px] w-[1.5rem]" : 'bg-default'} mt-1 h-[3px] w-[1.5rem]"
/> />
</div> </div>
@ -817,20 +817,20 @@ afterUpdate(async () => {
on:click={() => changeData("MAX")} on:click={() => changeData("MAX")}
class="text-sm font-medium text-gray-400 {displayData === 'MAX' class="text-sm font-medium text-gray-400 {displayData === 'MAX'
? 'text-white ' ? 'text-white '
: 'bg-[#09090B]'}" : 'bg-default'}"
> >
MAX MAX
</button> </button>
<div <div
class="{displayData === 'MAX' class="{displayData === 'MAX'
? `bg-[${colorChange}]` ? `bg-[${colorChange}]`
: 'bg-[#09090B]'} mt-1 h-[3px] w-[1.5rem]" : 'bg-default'} mt-1 h-[3px] w-[1.5rem]"
/> />
</div> </div>
<Button <Button
on:click={changeChartType} on:click={changeChartType}
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" class="ml-auto border-gray-600 border bg-default 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
@ -1160,14 +1160,14 @@ afterUpdate(async () => {
on:click={() => changeData("1D")} on:click={() => changeData("1D")}
class="text-sm font-medium text-gray-400 {displayData === '1D' class="text-sm font-medium text-gray-400 {displayData === '1D'
? 'text-white ' ? 'text-white '
: 'bg-[#09090B]'}" : 'bg-default'}"
> >
1D 1D
</button> </button>
<div <div
class="{displayData === '1D' class="{displayData === '1D'
? `bg-[${colorChange}]` ? `bg-[${colorChange}]`
: 'bg-[#09090B]'} mt-1 h-[3px] w-[1.5rem] rounded-full" : 'bg-default'} mt-1 h-[3px] w-[1.5rem] rounded-full"
/> />
</div> </div>
<div class="flex flex-col items-center mr-4"> <div class="flex flex-col items-center mr-4">
@ -1176,14 +1176,14 @@ afterUpdate(async () => {
class="w-full text-sm font-medium text-gray-400 {displayData === class="w-full text-sm font-medium text-gray-400 {displayData ===
'1W' '1W'
? 'text-white ' ? 'text-white '
: 'bg-[#09090B]'}" : 'bg-default'}"
> >
1W 1W
</button> </button>
<div <div
class="{displayData === '1W' class="{displayData === '1W'
? `bg-[${colorChange}]` ? `bg-[${colorChange}]`
: 'bg-[#09090B]'} mt-1 h-[3px] w-[1.5rem]" : 'bg-default'} mt-1 h-[3px] w-[1.5rem]"
/> />
</div> </div>
<div class="flex flex-col items-center mr-4"> <div class="flex flex-col items-center mr-4">
@ -1191,14 +1191,14 @@ afterUpdate(async () => {
on:click={() => changeData("1M")} on:click={() => changeData("1M")}
class="text-sm font-medium text-gray-400 {displayData === '1M' class="text-sm font-medium text-gray-400 {displayData === '1M'
? 'text-white ' ? 'text-white '
: 'bg-[#09090B]'}" : 'bg-default'}"
> >
1M 1M
</button> </button>
<div <div
class="{displayData === '1M' class="{displayData === '1M'
? `bg-[${colorChange}]` ? `bg-[${colorChange}]`
: 'bg-[#09090B]'} mt-1 h-[3px] w-[1.5rem]" : 'bg-default'} mt-1 h-[3px] w-[1.5rem]"
/> />
</div> </div>
<div class="flex flex-col items-center mr-4"> <div class="flex flex-col items-center mr-4">
@ -1206,14 +1206,14 @@ afterUpdate(async () => {
on:click={() => changeData("6M")} on:click={() => changeData("6M")}
class="text-sm font-medium text-gray-400 {displayData === '6M' class="text-sm font-medium text-gray-400 {displayData === '6M'
? 'text-white ' ? 'text-white '
: 'bg-[#09090B]'}" : 'bg-default'}"
> >
6M 6M
</button> </button>
<div <div
class="{displayData === '6M' class="{displayData === '6M'
? `bg-[${colorChange}]` ? `bg-[${colorChange}]`
: 'bg-[#09090B]'} mt-1 h-[3px] w-[1.5rem]" : 'bg-default'} mt-1 h-[3px] w-[1.5rem]"
/> />
</div> </div>
<div class="flex flex-col items-center mr-4"> <div class="flex flex-col items-center mr-4">
@ -1221,14 +1221,14 @@ afterUpdate(async () => {
on:click={() => changeData("1Y")} on:click={() => changeData("1Y")}
class="text-sm font-medium text-gray-400 {displayData === '1Y' class="text-sm font-medium text-gray-400 {displayData === '1Y'
? 'text-white ' ? 'text-white '
: 'bg-[#09090B]'}" : 'bg-default'}"
> >
1Y 1Y
</button> </button>
<div <div
class="{displayData === '1Y' class="{displayData === '1Y'
? `bg-[${colorChange}]` ? `bg-[${colorChange}]`
: 'bg-[#09090B]'} mt-1 h-[3px] w-[1.5rem]" : 'bg-default'} mt-1 h-[3px] w-[1.5rem]"
/> />
</div> </div>
@ -1237,14 +1237,14 @@ afterUpdate(async () => {
on:click={() => changeData("MAX")} on:click={() => changeData("MAX")}
class="text-sm font-medium text-gray-400 {displayData === 'MAX' class="text-sm font-medium text-gray-400 {displayData === 'MAX'
? 'text-white ' ? 'text-white '
: 'bg-[#09090B]'}" : 'bg-default'}"
> >
MAX MAX
</button> </button>
<div <div
class="{displayData === 'MAX' class="{displayData === 'MAX'
? `bg-[${colorChange}]` ? `bg-[${colorChange}]`
: 'bg-[#09090B]'} mt-1 h-[3px] w-[1.5rem]" : 'bg-default'} mt-1 h-[3px] w-[1.5rem]"
/> />
</div> </div>

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

@ -155,7 +155,7 @@
</svelte:head> </svelte:head>
<section <section
class="w-full bg-[#09090B] overflow-hidden text-white h-full mb-40 sm:mb-0" class="w-full bg-default overflow-hidden text-white h-full mb-40 sm:mb-0"
> >
<div class="h-full overflow-hidden"> <div class="h-full overflow-hidden">
<div class="relative flex justify-center items-center overflow-hidden"> <div class="relative flex justify-center items-center overflow-hidden">
@ -333,22 +333,22 @@
class="mt-6 flex justify-start items-center w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-scroll" class="mt-6 flex justify-start items-center w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-scroll"
> >
<table <table
class="table table-sm sm:table-md table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B] m-auto" class="table table-sm sm:table-md table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto"
> >
<thead> <thead>
<tr class="bg-[#09090B]"> <tr class="bg-default">
<th <th
class="shadow-md text-start bg-[#09090B] text-white text-sm font-semibold" class="shadow-md text-start bg-default text-white text-sm font-semibold"
> >
Person Person
</th> </th>
<th <th
class="shadow-md text-end bg-[#09090B] text-white text-sm font-semibold" class="shadow-md text-end bg-default text-white text-sm font-semibold"
> >
Transaction Date Transaction Date
</th> </th>
<th <th
class="shadow-md text-end bg-[#09090B] text-white text-sm font-semibold" class="shadow-md text-end bg-default text-white text-sm font-semibold"
> >
Amount Amount
</th> </th>
@ -361,7 +361,7 @@
<tbody> <tbody>
{#each senateTradingList as item} {#each senateTradingList as item}
<tr <tr
class="odd:bg-odd sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#09090B] border-b-[#09090B]" class="odd:bg-odd sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-default 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]"
@ -433,7 +433,7 @@
<div class="relative w-full mt-10"> <div class="relative w-full mt-10">
{#each senateTradingList as item} {#each senateTradingList as item}
<div <div
class="w-full bg-[#09090B] border border-gray-600 shadow-lg h-auto pb-4 pt-4 mb-7" class="w-full bg-default border border-gray-600 shadow-lg h-auto pb-4 pt-4 mb-7"
> >
<div class="flex flex-col relative"> <div class="flex flex-col relative">
{#if item?.party === "Republican"} {#if item?.party === "Republican"}

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

@ -13,9 +13,14 @@
analyst: "analyst", analyst: "analyst",
}; };
const foundSection = parts?.find((part) => Object?.values(sectionMap)?.includes(part)); const foundSection = parts?.find((part) =>
Object?.values(sectionMap)?.includes(part),
);
displaySubSection = Object?.keys(sectionMap)?.find((key) => sectionMap[key] === foundSection) || "overview"; displaySubSection =
Object?.keys(sectionMap)?.find(
(key) => sectionMap[key] === foundSection,
) || "overview";
} }
function changeSubSection(state) { function changeSubSection(state) {
@ -25,7 +30,6 @@
analyst: "/forecast/analyst", analyst: "/forecast/analyst",
}; };
if (state !== "overview" && subSectionMap[state]) { if (state !== "overview" && subSectionMap[state]) {
displaySubSection = state; displaySubSection = state;
//goto(`/stocks/${$stockTicker}${subSectionMap[state]}`); //goto(`/stocks/${$stockTicker}${subSectionMap[state]}`);
@ -37,7 +41,10 @@
const unsubscribe = page.subscribe(($page) => { const unsubscribe = page.subscribe(($page) => {
const splitRoute = $page.url.pathname.split("/"); const splitRoute = $page.url.pathname.split("/");
const routeState = splitRoute[splitRoute.length - 1] !== "forecast" ? splitRoute[splitRoute.length - 1] : "overview"; const routeState =
splitRoute[splitRoute.length - 1] !== "forecast"
? splitRoute[splitRoute.length - 1]
: "overview";
changeSubSection(routeState); changeSubSection(routeState);
}); });
@ -47,9 +54,10 @@
}); });
</script> </script>
<section class="w-auto max-w-5xl bg-[#09090B] overflow-hidden text-black h-full mb-40"> <section
class="w-auto max-w-5xl bg-default overflow-hidden text-black h-full mb-40"
>
<div class="m-auto h-full overflow-hidden"> <div class="m-auto h-full overflow-hidden">
<slot /> <slot />
</div> </div>
</section> </section>

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

@ -53,7 +53,7 @@
</svelte:head> </svelte:head>
<section <section
class="bg-[#09090B] overflow-hidden text-white h-full mb-40 sm:mb-0 w-full" class="bg-default overflow-hidden text-white h-full mb-40 sm:mb-0 w-full"
> >
<div class="flex justify-center m-auto h-full overflow-hidden w-full"> <div class="flex justify-center m-auto h-full overflow-hidden w-full">
<div <div

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

@ -100,7 +100,7 @@
</svelte:head> </svelte:head>
<section <section
class="w-auto max-w-4xl bg-[#09090B] overflow-hidden text-black h-full mb-40" class="w-auto max-w-4xl bg-default overflow-hidden text-black h-full mb-40"
> >
<div class="m-auto h-full overflow-hidden"> <div class="m-auto h-full overflow-hidden">
<main class=""> <main class="">
@ -112,7 +112,7 @@
{#if newsList?.length !== 0} {#if newsList?.length !== 0}
<div class="grid grid-cols-1 gap-2 pb-5"> <div class="grid grid-cols-1 gap-2 pb-5">
{#each newsList as item} {#each newsList as item}
<div class="w-full flex flex-col bg-[#09090B] rounded-md m-auto"> <div class="w-full flex flex-col bg-default rounded-md m-auto">
{#if (videoId = checkIfYoutubeVideo(item.url))} {#if (videoId = checkIfYoutubeVideo(item.url))}
<iframe <iframe
class="w-full h-96 rounded-md border border-gray-800" class="w-full h-96 rounded-md border border-gray-800"
@ -172,7 +172,7 @@
{/if} {/if}
{:else} {:else}
<div <div
class="w-screen max-w-xl sm:flex sm:flex-row sm:items-center justify-center m-auto text-gray-100 font-medium bg-[#09090B] sm:rounded-md h-auto p-5 mb-4" class="w-screen max-w-xl sm:flex sm:flex-row sm:items-center justify-center m-auto text-gray-100 font-medium bg-default sm:rounded-md h-auto p-5 mb-4"
> >
<svg <svg
class="w-5 h-5 inline-block sm:mr-2 flex-shrink-0" class="w-5 h-5 inline-block sm:mr-2 flex-shrink-0"

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

@ -145,7 +145,7 @@ updateYearRange()
class="w-full grid grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 gap-y-3 gap-x-3" class="w-full grid grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 gap-y-3 gap-x-3"
> >
<div <div
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-[#09090B] border border-gray-800 rounded-md h-auto" class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-default border border-gray-800 rounded-md h-auto"
> >
<div class="flex flex-col items-center w-full p-3"> <div class="flex flex-col items-center w-full p-3">
<span class="font-medium text-white text-xl font-semibold" <span class="font-medium text-white text-xl font-semibold"
@ -197,7 +197,7 @@ updateYearRange()
</div> </div>
<div <div
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-[#09090B] border border-gray-800 rounded-md h-auto" class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-default border border-gray-800 rounded-md h-auto"
> >
<div class="flex flex-col items-center w-full p-3"> <div class="flex flex-col items-center w-full p-3">
<span class="font-medium text-white text-xl font-semibold" <span class="font-medium text-white text-xl font-semibold"
@ -249,7 +249,7 @@ updateYearRange()
</div> </div>
<div <div
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-[#09090B] border border-gray-800 rounded-md h-auto" class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-default border border-gray-800 rounded-md h-auto"
> >
<div class="flex flex-col items-center w-full p-3"> <div class="flex flex-col items-center w-full p-3">
<span class="font-medium text-white text-xl font-semibold" <span class="font-medium text-white text-xl font-semibold"
@ -319,7 +319,7 @@ updateYearRange()
> >
<thead> <thead>
<tr <tr
class="bg-[#09090B] border-gray-600 rounded text-white font-semibold" class="bg-default border-gray-600 rounded text-white font-semibold"
> >
<th class="text-start text-sm sm:text-[1rem]">Started</th> <th class="text-start text-sm sm:text-[1rem]">Started</th>
<th class="text-sm sm:text-[1rem] text-end">Recovered</th> <th class="text-sm sm:text-[1rem] text-end">Recovered</th>
@ -414,13 +414,13 @@ updateYearRange()
> >
<thead> <thead>
<tr <tr
class="bg-[#09090B] text-white text-sm border-b border-[#27272A]" class="bg-default text-white text-sm border-b border-[#27272A]"
> >
<th class="text-start text-sm sm:text-[1rem] font-semibold"> <th class="text-start text-sm sm:text-[1rem] font-semibold">
Metric Metric
</th> </th>
<th <th
class="text-end bg-[#09090B] text-sm sm:text-[1rem] font-semibold" class="text-end bg-default text-sm sm:text-[1rem] font-semibold"
> >
{$cryptoTicker} {$cryptoTicker}
</th> </th>

10
src/routes/dark-pool-flow/+page.svelte
View File

@ -740,7 +740,7 @@
<body class="overflow-y-auto"> <body class="overflow-y-auto">
<section <section
class="w-full max-w-screen sm:max-w-7xl xl:max-w-screen-2xl flex justify-center items-center bg-[#09090B] pb-20 mt-5 sm:mt-0 px-3 sm:px-0" class="w-full max-w-screen sm:max-w-7xl xl:max-w-screen-2xl flex justify-center items-center bg-default pb-20 mt-5 sm:mt-0 px-3 sm:px-0"
> >
<div class="w-full m-auto min-h-screen"> <div class="w-full m-auto min-h-screen">
<!-- <!--
@ -946,7 +946,7 @@
> >
<label <label
for="ruleModal" for="ruleModal"
class="inline-flex cursor-pointer items-center justify-center space-x-1 whitespace-nowrap rounded-md border border-transparent bg-blue-brand_light py-2 pl-3 pr-4 text-base font-semibold text-white shadow-sm bg-[#000] sm:hover:bg-[#09090B]/60 ease-out focus:outline-none focus:ring-2 focus:ring-blue-500 sm:text-smaller" class="inline-flex cursor-pointer items-center justify-center space-x-1 whitespace-nowrap rounded-md border border-transparent bg-blue-brand_light py-2 pl-3 pr-4 text-base font-semibold text-white shadow-sm bg-[#000] sm:hover:bg-default/60 ease-out focus:outline-none focus:ring-2 focus:ring-blue-500 sm:text-smaller"
> >
<svg <svg
class="h-5 w-5" class="h-5 w-5"
@ -995,7 +995,7 @@
{#each displayRules as row (row?.rule)} {#each displayRules as row (row?.rule)}
<!--Start Added Rules--> <!--Start Added Rules-->
<div <div
class="flex items-center justify-between space-x-2 px-1 py-1.5 text-smaller leading-tight text-default" class="flex items-center justify-between space-x-2 px-1 py-1.5 text-smaller leading-tight text-white"
> >
<div class="hide-scroll text-white"> <div class="hide-scroll text-white">
{row?.label?.length > 20 {row?.label?.length > 20
@ -1090,7 +1090,7 @@
> >
{#if !categoricalRules?.includes(row?.rule)} {#if !categoricalRules?.includes(row?.rule)}
<DropdownMenu.Label <DropdownMenu.Label
class="absolute mt-2 h-11 border-gray-800 border-b -top-1 z-20 fixed sticky bg-[#09090B]" class="absolute mt-2 h-11 border-gray-800 border-b -top-1 z-20 fixed sticky bg-default"
> >
<div <div
class="flex items-center justify-start gap-x-1" class="flex items-center justify-start gap-x-1"
@ -1103,7 +1103,7 @@
<DropdownMenu.Trigger asChild let:builder <DropdownMenu.Trigger asChild let:builder
><Button ><Button
builders={[builder]} builders={[builder]}
class="w-fit -mt-1 -ml-2 bg-[#09090B] flex flex-row justify-between items-center text-white" class="w-fit -mt-1 -ml-2 bg-default flex flex-row justify-between items-center text-white"
> >
<span <span
class="truncate ml-2 text-sm sm:text-[1rem]" class="truncate ml-2 text-sm sm:text-[1rem]"

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

@ -391,7 +391,7 @@
class=" m-auto w-full cursor-pointer h-16 {index === class=" m-auto w-full cursor-pointer h-16 {index ===
selectedWeekday selectedWeekday
? 'bg-[#fff] text-black font-semibold' ? 'bg-[#fff] text-black font-semibold'
: ''} rounded-md sm:rounded-none flex bg-[#09090B] border border-gray-600 mb-3" : ''} rounded-md sm:rounded-none flex bg-default border border-gray-600 mb-3"
> >
<div <div
class=" flex flex-row justify-center items-center w-full" class=" flex flex-row justify-center items-center w-full"

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

@ -58,7 +58,7 @@
</h1> </h1>
</div> </div>
<div class="w-full bg-[#09090B] m-auto"> <div class="w-full bg-default m-auto">
<div class=""> <div class="">
<h2 class="text-white text-xl font-semibold mb-5">Hey 👋,</h2> <h2 class="text-white text-xl font-semibold mb-5">Hey 👋,</h2>
<p class="text-white mb-5 text-[1rem]"> <p class="text-white mb-5 text-[1rem]">

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

@ -391,7 +391,7 @@
class=" m-auto w-full cursor-pointer h-16 {index === class=" m-auto w-full cursor-pointer h-16 {index ===
selectedWeekday selectedWeekday
? 'bg-[#fff] text-black font-semibold' ? 'bg-[#fff] text-black font-semibold'
: ''} rounded-md sm:rounded-none flex bg-[#09090B] border border-gray-600 mb-3" : ''} rounded-md sm:rounded-none flex bg-default border border-gray-600 mb-3"
> >
<div <div
class=" flex flex-row justify-center items-center w-full" class=" flex flex-row justify-center items-center w-full"
@ -469,7 +469,7 @@
<div class="w-full overflow-x-scroll no-scrollbar"> <div class="w-full overflow-x-scroll no-scrollbar">
<table <table
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B] m-auto mt-4" class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto mt-4"
> >
<thead> <thead>
<TableHeader {columns} {sortOrders} {sortData} /> <TableHeader {columns} {sortOrders} {sortData} />

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

@ -399,7 +399,7 @@
class=" m-auto w-full cursor-pointer h-16 {index === class=" m-auto w-full cursor-pointer h-16 {index ===
selectedWeekday selectedWeekday
? 'bg-[#fff] text-black font-semibold' ? 'bg-[#fff] text-black font-semibold'
: ''} rounded sm:rounded-none flex bg-[#09090B] border border-gray-600 mb-3" : ''} rounded sm:rounded-none flex bg-default border border-gray-600 mb-3"
> >
<div <div
class=" flex flex-row justify-center items-center w-full" class=" flex flex-row justify-center items-center w-full"
@ -472,7 +472,7 @@
<DropdownMenu.Trigger asChild let:builder> <DropdownMenu.Trigger asChild let:builder>
<Button <Button
builders={[builder]} builders={[builder]}
class="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" class="border-gray-600 border bg-default 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">Filter Country</span> <span class="truncate text-white">Filter Country</span>
<svg <svg
@ -503,7 +503,7 @@
bind:value={searchQuery} bind:value={searchQuery}
on:input={handleInput} on:input={handleInput}
autocomplete="off" autocomplete="off"
class=" absolute fixed sticky w-full border-0 bg-[#09090B] border-b border-gray-200 class=" absolute fixed sticky w-full border-0 bg-default border-b border-gray-200
focus:border-gray-200 focus:ring-0 text-white placeholder:text-gray-300" focus:border-gray-200 focus:ring-0 text-white placeholder:text-gray-300"
type="search" type="search"
placeholder="Search..." placeholder="Search..."
@ -537,7 +537,7 @@
<DropdownMenu.Trigger asChild let:builder> <DropdownMenu.Trigger asChild let:builder>
<Button <Button
builders={[builder]} builders={[builder]}
class="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" class="border-gray-600 border bg-default 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"
>Filter Importance</span >Filter Importance</span
@ -622,7 +622,7 @@
{#if filterList?.length !== 0} {#if filterList?.length !== 0}
<Button <Button
on:click={() => handleReset()} on:click={() => handleReset()}
class="w-fit border-gray-600 border bg-[#09090B] sm:hover:bg-primary ease-out flex flex-row justify-start items-center px-3 py-2 text-white rounded-md truncate" class="w-fit border-gray-600 border bg-default sm:hover:bg-primary ease-out flex flex-row justify-start items-center px-3 py-2 text-white rounded-md truncate"
> >
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
@ -674,7 +674,7 @@
<div class="w-full overflow-x-scroll no-scrollbar"> <div class="w-full overflow-x-scroll no-scrollbar">
<table <table
class="table-sm table-compact rounded-none sm:rounded-md w-full border-bg-[#09090B] m-auto mt-4" class="table-sm table-compact rounded-none sm:rounded-md w-full border-bg-default m-auto mt-4"
> >
<thead> <thead>
<TableHeader {columns} {sortOrders} {sortData} /> <TableHeader {columns} {sortOrders} {sortData} />

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

@ -845,7 +845,7 @@
<div class="w-full overflow-x-scroll"> <div class="w-full overflow-x-scroll">
<table <table
class="table table-sm table-compact rounded-none sm:rounded-md w-full border-bg-[#09090B] m-auto mt-4" class="table table-sm table-compact rounded-none sm:rounded-md w-full border-bg-default m-auto mt-4"
> >
<thead> <thead>
<tr class="border border-gray-600"> <tr class="border border-gray-600">

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

@ -148,7 +148,7 @@
</div> </div>
</div> </div>
<div class="w-full mt-10 m-auto mb-10 bg-[#09090B] pl-3 pr-3"> <div class="w-full mt-10 m-auto mb-10 bg-default pl-3 pr-3">
<!--Start Top Winners/Losers--> <!--Start Top Winners/Losers-->
<div class="flex flex-col justify-center items-center"> <div class="flex flex-col justify-center items-center">
<div class="ml-4 text-start w-full text-white mb-2"> <div class="ml-4 text-start w-full text-white mb-2">
@ -161,7 +161,7 @@
<div class="w-full overflow-x-scroll"> <div class="w-full overflow-x-scroll">
<table <table
class="mt-5 table table-sm table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B] m-auto" class="mt-5 table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto"
> >
<thead> <thead>
<tr> <tr>

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

@ -292,7 +292,7 @@
<svelte:window bind:scrollY={y} /> <svelte:window bind:scrollY={y} />
<body <body
class="bg-[#09090B] w-full max-w-screen sm:max-w-7xl min-h-screen xl:max-w-screen-2xl overflow-hidden" class="bg-default w-full max-w-screen sm:max-w-7xl min-h-screen xl:max-w-screen-2xl overflow-hidden"
> >
<!-- Page wrapper --> <!-- Page wrapper -->
<div class="flex flex-col w-full mt-5 relative w-full"> <div class="flex flex-col w-full mt-5 relative w-full">
@ -301,7 +301,7 @@
<div class="w-full"> <div class="w-full">
<div class="sm:flex sm:justify-start w-full"> <div class="sm:flex sm:justify-start w-full">
<!--Start Mobile Navbar--> <!--Start Mobile Navbar-->
<div class="fixed top-0 left-0 right-0 z-20 bg-[#09090B] sm:hidden"> <div class="fixed top-0 left-0 right-0 z-20 bg-default sm:hidden">
<div class="navbar w-full px-4 py-2"> <div class="navbar w-full px-4 py-2">
<div <div
class="{isScrolled class="{isScrolled
@ -520,7 +520,7 @@
<div class="flex flex-col ml-auto mr-2"> <div class="flex flex-col ml-auto mr-2">
{#if userWatchList?.length !== 0} {#if userWatchList?.length !== 0}
<div <div
class="flex-shrink-0 rounded-full sm:hover:bg-white sm:hover:bg-opacity-[0.02] transition ease-out w-12 h-12 relative bg-[#09090B] flex items-center justify-center" class="flex-shrink-0 rounded-full sm:hover:bg-white sm:hover:bg-opacity-[0.02] transition ease-out w-12 h-12 relative bg-default flex items-center justify-center"
> >
<label <label
for="addWatchListModal" for="addWatchListModal"
@ -551,7 +551,7 @@
</div> </div>
{:else if userWatchList?.length === 0} {:else if userWatchList?.length === 0}
<div <div
class="flex-shrink-0 rounded-full hover:bg-white hover:bg-opacity-[0.02] transition ease-out w-12 h-12 relative bg-[#09090B] flex items-center justify-center" class="flex-shrink-0 rounded-full hover:bg-white hover:bg-opacity-[0.02] transition ease-out w-12 h-12 relative bg-default flex items-center justify-center"
> >
<label <label
on:click={() => on:click={() =>
@ -585,7 +585,7 @@
</div> </div>
{:else} {:else}
<div <div
class="flex-shrink-0 ml-auto mr-2 rounded-full hover:bg-white hover:bg-opacity-[0.02] transition ease-out w-12 h-12 relative bg-[#09090B] flex items-center justify-center" class="flex-shrink-0 ml-auto mr-2 rounded-full hover:bg-white hover:bg-opacity-[0.02] transition ease-out w-12 h-12 relative bg-default flex items-center justify-center"
> >
<label <label
for="userLogin" for="userLogin"
@ -608,7 +608,7 @@
<!--Start Price Alert --> <!--Start Price Alert -->
<div <div
class="flex-shrink-0 rounded-full hover:bg-white hover:bg-opacity-[0.02] transition ease-out w-12 h-12 relative bg-[#09090B] flex items-center justify-center" class="flex-shrink-0 rounded-full hover:bg-white hover:bg-opacity-[0.02] transition ease-out w-12 h-12 relative bg-default flex items-center justify-center"
> >
<label <label
on:click={() => ($openPriceAlert = true)} on:click={() => ($openPriceAlert = true)}
@ -664,7 +664,7 @@
<!--Start Ticker Section--> <!--Start Ticker Section-->
<!--<div class="w-full max-w-3xl sm:max-w-2xl m-auto pt-2 pb-5 sm:pl-3 sticky z-20 bg-[#09090B]" style="top: {$screenWidth < 520 && $isScrollingUp ? '4rem' : '0rem'};">--> <!--<div class="w-full max-w-3xl sm:max-w-2xl m-auto pt-2 pb-5 sm:pl-3 sticky z-20 bg-default" style="top: {$screenWidth < 520 && $isScrollingUp ? '4rem' : '0rem'};">-->
<nav <nav
class="sm:ml-4 border-b-[2px] overflow-x-scroll md:overflow-hidden whitespace-nowrap" class="sm:ml-4 border-b-[2px] overflow-x-scroll md:overflow-hidden whitespace-nowrap"
> >

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

@ -797,7 +797,7 @@
<!-- Add more Twitter meta tags as needed --> <!-- Add more Twitter meta tags as needed -->
</svelte:head> </svelte:head>
<section class="bg-[#09090B] min-h-screen pb-40 overflow-hidden w-full"> <section class="bg-default min-h-screen pb-40 overflow-hidden w-full">
<div class="w-full m-auto overflow-hidden"> <div class="w-full m-auto overflow-hidden">
<div <div
class="md:flex md:justify-between md:divide-x md:divide-slate-800 w-full" class="md:flex md:justify-between md:divide-x md:divide-slate-800 w-full"
@ -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-primary 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-default 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
@ -1032,7 +1032,7 @@
<div <div
class="{displayData === interval class="{displayData === interval
? `bg-[${colorChange}] ` ? `bg-[${colorChange}] `
: 'bg-[#09090B]'} mt-1 h-[3px] w-[1.5rem] m-auto rounded-full" : 'bg-default'} mt-1 h-[3px] w-[1.5rem] m-auto rounded-full"
/> />
</button> </button>
</li> </li>
@ -1089,7 +1089,7 @@
<div <div
class="{displayData === interval class="{displayData === interval
? `bg-[${colorChange}] ` ? `bg-[${colorChange}] `
: 'bg-[#09090B]'} mt-1 h-[3px] w-[1.5rem] m-auto rounded-full" : 'bg-default'} mt-1 h-[3px] w-[1.5rem] m-auto rounded-full"
/> />
</button> </button>
</li> </li>

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

@ -211,7 +211,7 @@
<!-- Add more Twitter meta tags as needed --> <!-- Add more Twitter meta tags as needed -->
</svelte:head> </svelte:head>
<section class="w-full bg-[#09090B] overflow-hidden text-white h-full"> <section class="w-full bg-default overflow-hidden text-white h-full">
<div class="w-full flex h-full overflow-hidden"> <div class="w-full flex h-full overflow-hidden">
<div <div
class="w-full relative flex justify-center items-center overflow-hidden" class="w-full relative flex justify-center items-center overflow-hidden"
@ -341,24 +341,24 @@
class="table table-sm table-compact flex justify-start items-center w-full m-auto" class="table table-sm table-compact flex justify-start items-center w-full m-auto"
> >
<thead> <thead>
<tr class="bg-[#09090B] border-b-slate-600 shadow-md"> <tr class="bg-default border-b-slate-600 shadow-md">
<th <th
class="text-start bg-[#09090B] border-b border-[#09090B] text-white text-sm font-semibold" class="text-start bg-default border-b border-[#09090B] text-white text-sm font-semibold"
> >
Ex-Divid. Date Ex-Divid. Date
</th> </th>
<th <th
class="text-end bg-[#09090B] border-b border-[#09090B] text-white text-sm font-semibold" class="text-end bg-default border-b border-[#09090B] text-white text-sm font-semibold"
> >
Cash Amount Cash Amount
</th> </th>
<th <th
class="text-end bg-[#09090B] border-b border-[#09090B] text-white text-sm font-semibold" class="text-end bg-default border-b border-[#09090B] text-white text-sm font-semibold"
> >
Record Date Record Date
</th> </th>
<th <th
class="text-end bg-[#09090B] border-b border-[#09090B] text-white text-sm font-semibold" class="text-end bg-default border-b border-[#09090B] text-white text-sm font-semibold"
> >
Pay Date Pay Date
</th> </th>

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

@ -13,9 +13,14 @@
analyst: "analyst", analyst: "analyst",
}; };
const foundSection = parts?.find((part) => Object?.values(sectionMap)?.includes(part)); const foundSection = parts?.find((part) =>
Object?.values(sectionMap)?.includes(part),
);
displaySubSection = Object?.keys(sectionMap)?.find((key) => sectionMap[key] === foundSection) || "overview"; displaySubSection =
Object?.keys(sectionMap)?.find(
(key) => sectionMap[key] === foundSection,
) || "overview";
} }
function changeSubSection(state) { function changeSubSection(state) {
@ -25,7 +30,6 @@
analyst: "/forecast/analyst", analyst: "/forecast/analyst",
}; };
if (state !== "overview" && subSectionMap[state]) { if (state !== "overview" && subSectionMap[state]) {
displaySubSection = state; displaySubSection = state;
//goto(`/stocks/${$stockTicker}${subSectionMap[state]}`); //goto(`/stocks/${$stockTicker}${subSectionMap[state]}`);
@ -37,7 +41,10 @@
const unsubscribe = page.subscribe(($page) => { const unsubscribe = page.subscribe(($page) => {
const splitRoute = $page.url.pathname.split("/"); const splitRoute = $page.url.pathname.split("/");
const routeState = splitRoute[splitRoute.length - 1] !== "forecast" ? splitRoute[splitRoute.length - 1] : "overview"; const routeState =
splitRoute[splitRoute.length - 1] !== "forecast"
? splitRoute[splitRoute.length - 1]
: "overview";
changeSubSection(routeState); changeSubSection(routeState);
}); });
@ -47,9 +54,10 @@
}); });
</script> </script>
<section class="w-auto max-w-5xl bg-[#09090B] overflow-hidden text-black h-full mb-40"> <section
class="w-auto max-w-5xl bg-default overflow-hidden text-black h-full mb-40"
>
<div class="m-auto h-full overflow-hidden"> <div class="m-auto h-full overflow-hidden">
<slot /> <slot />
</div> </div>
</section> </section>

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

@ -53,7 +53,7 @@
</svelte:head> </svelte:head>
<section <section
class="bg-[#09090B] overflow-hidden text-white h-full mb-40 sm:mb-0 w-full" class="bg-default overflow-hidden text-white h-full mb-40 sm:mb-0 w-full"
> >
<div class="flex justify-center m-auto h-full overflow-hidden w-full"> <div class="flex justify-center m-auto h-full overflow-hidden w-full">
<div <div

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

@ -95,7 +95,7 @@
</svelte:head> </svelte:head>
<section <section
class="bg-[#09090B] overflow-hidden text-white h-full min-h-screen mb-20 sm:mb-0 w-full mt-2 sm:mt-0" class="bg-default overflow-hidden text-white h-full min-h-screen mb-20 sm:mb-0 w-full mt-2 sm:mt-0"
> >
<div class="flex justify-center m-auto h-full overflow-hidden w-full"> <div class="flex justify-center m-auto h-full overflow-hidden w-full">
<div <div

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

@ -144,7 +144,7 @@
</svelte:head> </svelte:head>
<section <section
class="w-full bg-[#09090B] overflow-hidden min-h-screen text-white h-full" class="w-full bg-default overflow-hidden min-h-screen text-white h-full"
> >
<div class="h-full overflow-hidden w-full"> <div class="h-full overflow-hidden w-full">
<div class="relative flex justify-center items-center overflow-hidden"> <div class="relative flex justify-center items-center overflow-hidden">
@ -293,22 +293,22 @@
class="mt-6 flex justify-start items-center w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-scroll" class="mt-6 flex justify-start items-center w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-scroll"
> >
<table <table
class="table table-sm sm:table-md table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B] m-auto" class="table table-sm sm:table-md table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto"
> >
<thead> <thead>
<tr class="bg-[#09090B] border-b border-[#27272A]"> <tr class="bg-default border-b border-[#27272A]">
<th <th
class="shadow-md text-start bg-[#09090B] text-white text-sm font-semibold" class="shadow-md text-start bg-default text-white text-sm font-semibold"
> >
Person Person
</th> </th>
<th <th
class="shadow-md text-end bg-[#09090B] text-white text-sm font-semibold" class="shadow-md text-end bg-default text-white text-sm font-semibold"
> >
Transaction Date Transaction Date
</th> </th>
<th <th
class="shadow-md text-end bg-[#09090B] text-white text-sm font-semibold" class="shadow-md text-end bg-default text-white text-sm font-semibold"
> >
Amount Amount
</th> </th>
@ -321,7 +321,7 @@
<tbody> <tbody>
{#each senateTradingList as item} {#each senateTradingList as item}
<tr <tr
class="odd:bg-odd sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#09090B] border-b-[#09090B]" class="odd:bg-odd sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-default 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]"

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

@ -100,7 +100,7 @@
</svelte:head> </svelte:head>
<section <section
class="w-auto max-w-4xl bg-[#09090B] overflow-hidden text-black h-full mb-40" class="w-auto max-w-4xl bg-default overflow-hidden text-black h-full mb-40"
> >
<div class="m-auto h-full overflow-hidden"> <div class="m-auto h-full overflow-hidden">
<main class=""> <main class="">
@ -112,7 +112,7 @@
{#if newsList.length !== 0} {#if newsList.length !== 0}
<div class="grid grid-cols-1 gap-2 pb-5"> <div class="grid grid-cols-1 gap-2 pb-5">
{#each newsList as item} {#each newsList as item}
<div class="w-full flex flex-col bg-[#09090B] rounded-md m-auto"> <div class="w-full flex flex-col bg-default rounded-md m-auto">
{#if (videoId = checkIfYoutubeVideo(item.url))} {#if (videoId = checkIfYoutubeVideo(item.url))}
<iframe <iframe
class="w-full h-96 rounded-md border border-gray-800" class="w-full h-96 rounded-md border border-gray-800"
@ -172,7 +172,7 @@
{/if} {/if}
{:else} {:else}
<div <div
class="w-screen max-w-xl sm:flex sm:flex-row sm:items-center justify-center m-auto text-gray-100 font-medium bg-[#09090B] sm:rounded-md h-auto p-5 mb-4" class="w-screen max-w-xl sm:flex sm:flex-row sm:items-center justify-center m-auto text-gray-100 font-medium bg-default sm:rounded-md h-auto p-5 mb-4"
> >
<svg <svg
class="w-5 h-5 inline-block sm:mr-2 flex-shrink-0" class="w-5 h-5 inline-block sm:mr-2 flex-shrink-0"

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

@ -570,7 +570,7 @@
<!-- Add more Twitter meta tags as needed --> <!-- Add more Twitter meta tags as needed -->
</svelte:head> </svelte:head>
<section class="w-full bg-[#09090B] overflow-hidden text-white h-full"> <section class="w-full bg-default overflow-hidden text-white h-full">
<div class="w-full flex h-full overflow-hidden"> <div class="w-full flex h-full overflow-hidden">
<div <div
class="w-full relative flex justify-center items-center overflow-hidden" class="w-full relative flex justify-center items-center overflow-hidden"
@ -717,7 +717,7 @@
</select> </select>
</div> </div>
<div class="app w-full bg-[#09090B]"> <div class="app w-full bg-default">
{#if filteredList?.length !== 0} {#if filteredList?.length !== 0}
<Chart {init} {options} class="chart" /> <Chart {init} {options} class="chart" />
{:else} {:else}
@ -774,7 +774,7 @@
{/each} {/each}
</div> </div>
<div class="app w-full bg-[#09090B] mb-24"> <div class="app w-full bg-default mb-24">
<Chart {init} options={optionsEX} class="chart" /> <Chart {init} options={optionsEX} class="chart" />
</div> </div>
{/if} {/if}
@ -839,7 +839,7 @@
<div class="flex justify-start items-center m-auto overflow-x-auto"> <div class="flex justify-start items-center m-auto overflow-x-auto">
{#if activeIdx === 0} {#if activeIdx === 0}
<table <table
class="w-full table table-sm table-compact rounded-none sm:rounded-md border-bg-[#09090B] m-auto mt-4 overflow-x-auto" class="w-full table table-sm table-compact rounded-none sm:rounded-md border-bg-default m-auto mt-4 overflow-x-auto"
> >
<thead> <thead>
<tr class="border-b border-[#27272A]"> <tr class="border-b border-[#27272A]">
@ -1033,7 +1033,7 @@
</table> </table>
{:else} {:else}
<table <table
class="table table-pin-cols table-sm table-compact rounded-none sm:rounded-md w-full border-bg-[#09090B] m-auto mt-4 overflow-x-auto" class="table table-pin-cols table-sm table-compact rounded-none sm:rounded-md w-full border-bg-default m-auto mt-4 overflow-x-auto"
> >
<thead> <thead>
<tr class=""> <tr class="">
@ -1156,7 +1156,7 @@
class="modal modal-bottom sm:modal-middle cursor-pointer bg-[#fff] bg-opacity-[0.02]" class="modal modal-bottom sm:modal-middle cursor-pointer bg-[#fff] bg-opacity-[0.02]"
> >
<div <div
class="modal-box w-full max-w-xl lg:max-w-3xl xl:max-w-5xl bg-[#141417] sm:bg-[#09090B] border-t sm:border border-gray-600 h-auto" class="modal-box w-full max-w-xl lg:max-w-3xl xl:max-w-5xl bg-[#141417] sm:bg-default border-t sm:border border-gray-600 h-auto"
> >
<form method="dialog" class="modal-backdrop backdrop-blur-[4px]"> <form method="dialog" class="modal-backdrop backdrop-blur-[4px]">
<button <button
@ -1203,7 +1203,7 @@
<div class="flex justify-start items-center m-auto"> <div class="flex justify-start items-center m-auto">
{#if isLoaded} {#if isLoaded}
<table <table
class="table table-pin-cols table-sm table-compact rounded-none sm:rounded-md w-full border-bg-[#09090B] m-auto mt-4 overflow-x-auto" class="table table-pin-cols table-sm table-compact rounded-none sm:rounded-md w-full border-bg-default m-auto mt-4 overflow-x-auto"
> >
<thead> <thead>
<tr class=""> <tr class="">

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

@ -145,7 +145,7 @@ updateYearRange()
class="w-full grid grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 gap-y-3 gap-x-3" class="w-full grid grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 gap-y-3 gap-x-3"
> >
<div <div
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-[#09090B] border border-gray-800 rounded-md h-auto" class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-default border border-gray-800 rounded-md h-auto"
> >
<div class="flex flex-col items-center w-full p-3"> <div class="flex flex-col items-center w-full p-3">
<span class="font-medium text-white text-xl font-semibold" <span class="font-medium text-white text-xl font-semibold"
@ -197,7 +197,7 @@ updateYearRange()
</div> </div>
<div <div
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-[#09090B] border border-gray-800 rounded-md h-auto" class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-default border border-gray-800 rounded-md h-auto"
> >
<div class="flex flex-col items-center w-full p-3"> <div class="flex flex-col items-center w-full p-3">
<span class="font-medium text-white text-xl font-semibold" <span class="font-medium text-white text-xl font-semibold"
@ -249,7 +249,7 @@ updateYearRange()
</div> </div>
<div <div
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-[#09090B] border border-gray-800 rounded-md h-auto" class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-default border border-gray-800 rounded-md h-auto"
> >
<div class="flex flex-col items-center w-full p-3"> <div class="flex flex-col items-center w-full p-3">
<span class="font-medium text-white text-xl font-semibold" <span class="font-medium text-white text-xl font-semibold"
@ -319,7 +319,7 @@ updateYearRange()
> >
<thead> <thead>
<tr <tr
class="bg-[#09090B] border-gray-600 rounded text-white font-semibold" class="bg-default border-gray-600 rounded text-white font-semibold"
> >
<th class="text-start text-sm sm:text-[1rem]">Started</th> <th class="text-start text-sm sm:text-[1rem]">Started</th>
<th class="text-sm sm:text-[1rem] text-end">Recovered</th> <th class="text-sm sm:text-[1rem] text-end">Recovered</th>
@ -414,13 +414,13 @@ updateYearRange()
> >
<thead> <thead>
<tr <tr
class="bg-[#09090B] text-white text-sm border-b border-[#27272A]" class="bg-default text-white text-sm border-b border-[#27272A]"
> >
<th class="text-start text-sm sm:text-[1rem] font-semibold"> <th class="text-start text-sm sm:text-[1rem] font-semibold">
Metric Metric
</th> </th>
<th <th
class="text-end bg-[#09090B] text-sm sm:text-[1rem] font-semibold" class="text-end bg-default text-sm sm:text-[1rem] font-semibold"
> >
{$etfTicker} {$etfTicker}
</th> </th>

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

@ -83,7 +83,7 @@
ETF Providers ETF Providers
</h1> </h1>
<div class="w-full m-auto mb-10 bg-[#09090B] overflow-hidden"> <div class="w-full m-auto mb-10 bg-default overflow-hidden">
<div class="w-full flex flex-col justify-center items-center"> <div class="w-full flex flex-col justify-center items-center">
<slot /> <slot />
</div> </div>

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

@ -131,7 +131,7 @@
<div class="w-full"> <div class="w-full">
<div class="w-full overflow-x-scroll"> <div class="w-full overflow-x-scroll">
<table <table
class="table rounded-none sm:rounded-md w-full border-bg-[#09090B] m-auto mt-4" class="table rounded-none sm:rounded-md w-full border-bg-default m-auto mt-4"
> >
<thead> <thead>
<TableHeader {columns} {sortOrders} {sortData} /> <TableHeader {columns} {sortOrders} {sortData} />

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

@ -211,7 +211,7 @@
<div class="w-full"> <div class="w-full">
<div class="w-full overflow-x-auto mt-5"> <div class="w-full overflow-x-auto mt-5">
<table <table
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B]" class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800"
> >
<thead> <thead>
<TableHeader {columns} {sortOrders} {sortData} /> <TableHeader {columns} {sortOrders} {sortData} />

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

@ -138,7 +138,7 @@
</h1> </h1>
</div> </div>
<div class="w-full mt-5 m-auto mb-10 bg-[#09090B] overflow-hidden"> <div class="w-full mt-5 m-auto mb-10 bg-default overflow-hidden">
<!--Start Top Winners/Losers--> <!--Start Top Winners/Losers-->
<div class="flex flex-col justify-center items-center"> <div class="flex flex-col justify-center items-center">
<div class="text-start w-full text-white mb-2"> <div class="text-start w-full text-white mb-2">
@ -149,7 +149,7 @@
<div class="w-full overflow-x-scroll"> <div class="w-full overflow-x-scroll">
<table <table
class="mt-5 table table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B] m-auto overflow-hidden" class="mt-5 table table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto overflow-hidden"
> >
<thead> <thead>
<TableHeader {columns} {sortOrders} {sortData} /> <TableHeader {columns} {sortOrders} {sortData} />

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

@ -99,39 +99,39 @@
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-scroll sm:overflow-hidden" class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-scroll sm:overflow-hidden"
> >
<table <table
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B] m-auto" class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto"
> >
<thead> <thead>
<tr class="bg-[#09090B]"> <tr class="bg-default">
<th <th
class="text-start bg-[#09090B] text-white text-sm sm:text-[1rem] whitespace-nowrap font-semibold" class="text-start bg-default text-white text-sm sm:text-[1rem] whitespace-nowrap font-semibold"
> >
Symbol Symbol
</th> </th>
<th <th
class="text-start bg-[#09090B] text-white text-sm sm:text-[1rem] whitespace-nowrap font-semibold" class="text-start bg-default text-white text-sm sm:text-[1rem] whitespace-nowrap font-semibold"
> >
Drug Drug
</th> </th>
<th <th
class="text-start bg-[#09090B] text-white text-sm sm:text-[1rem] whitespace-nowrap font-semibold" class="text-start bg-default text-white text-sm sm:text-[1rem] whitespace-nowrap font-semibold"
> >
Indication Indication
</th> </th>
<th <th
class="text-end bg-[#09090B] text-white text-sm sm:text-[1rem] whitespace-nowrap font-semibold" class="text-end bg-default text-white text-sm sm:text-[1rem] whitespace-nowrap font-semibold"
> >
Status Status
</th> </th>
<th <th
class="text-end bg-[#09090B] text-white text-sm sm:text-[1rem] whitespace-nowrap font-semibold" class="text-end bg-default text-white text-sm sm:text-[1rem] whitespace-nowrap font-semibold"
> >
Target Date Target Date
</th> </th>
<th <th
class="text-end bg-[#09090B] text-white text-sm sm:text-[1rem] whitespace-nowrap font-semibold" class="text-end bg-default text-white text-sm sm:text-[1rem] whitespace-nowrap font-semibold"
> >
Change Change
</th> </th>

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