From 073f68e871ef3ff70a3efe1a41043a351aa68fc8 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Fri, 30 Aug 2024 20:16:50 +0200
Subject: [PATCH] ui fix

---
 src/lib/components/shadcn/tabs/tabs-trigger.svelte | 2 +-
 src/routes/home/+page.svelte                       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/shadcn/tabs/tabs-trigger.svelte b/src/lib/components/shadcn/tabs/tabs-trigger.svelte
index 92919dfa..d1fde85f 100644
--- a/src/lib/components/shadcn/tabs/tabs-trigger.svelte
+++ b/src/lib/components/shadcn/tabs/tabs-trigger.svelte
@@ -12,7 +12,7 @@
 
 <TabsPrimitive.Trigger
 	class={cn(
-		"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-2 text-[1rem] font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-[#09090B] data-[state=active]:text-white data-[state=active]:shadow-sm",
+		"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-2 text-[1rem] font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-purple-600 data-[state=active]:text-white data-[state=active]:shadow-sm",
 		className
 	)}
 	{value}
diff --git a/src/routes/home/+page.svelte b/src/routes/home/+page.svelte
index ce0f2fb8..055bf5aa 100644
--- a/src/routes/home/+page.svelte
+++ b/src/routes/home/+page.svelte
@@ -339,7 +339,7 @@ onMount( async() => {
                   </div>
                   <Card.Description class="mt-2 text-sm sm:text-[1rem]">Recent hedge fund options with the highest ...</Card.Description>
                   <Tabs.Root value="premium" class="w-fit mt-5 ">
-                    <Tabs.List class="grid w-full grid-cols-3 bg-[#27272A]">
+                    <Tabs.List class="grid w-full grid-cols-3 bg-[#313131]">
                       <Tabs.Trigger on:click={() => changeTable('premium')} value="premium" class="text-sm">Premium</Tabs.Trigger>
                       <Tabs.Trigger on:click={() => changeTable('volume')} value="volume" class="text-sm">Volume</Tabs.Trigger>
                       <Tabs.Trigger on:click={() => changeTable('openInterest')} value="openInterest" class="text-sm">{$screenWidth < 640 ? 'OI' : 'Open Interest'}</Tabs.Trigger>