update filled tab styling

Shrinks99 · Shrinks99 · commit 5b9d0b713d86 · 2026-01-26T02:26:16.000-05:00
diff --git a/packages/ui/src/components/tabs/tabs.module.css b/packages/ui/src/components/tabs/tabs.module.css
@@ -13,9 +13,8 @@
 }
 
 .tabs-list--filled {
-  @apply bg-greyscale-800;
+  @apply bg-background-sunken inset-shadow-xs;
   @apply overflow-hidden rounded-md;
-  @apply p-1;
 }
 
 .tabs-trigger--filled {
@@ -29,15 +28,15 @@
 }
 
 .tabs-list .tabs-trigger--filled {
-  @apply data-[state=active]:text-black;
+  @apply data-[state=active]:text-button-primary-text;
 }
 
 .tabs-list .tabs-trigger--transparent {
   @apply data-[state=active]:text-text-primary;
 }
 
 .active-tab-indicator {
-  @apply bg-brand-primary z-behind absolute w-full;
+  @apply bg-button-primary-fill z-behind absolute w-full;
 }
 
 .active-tab-indicator--filled {

Original file line number	Diff line number	Diff line change
`@@ -13,9 +13,8 @@`
`13`	`13`	`}`
`14`	`14`
`15`	`15`	`.tabs-list--filled {`
`16`		`- @apply bg-greyscale-800;`
	`16`	`+ @apply bg-background-sunken inset-shadow-xs;`
`17`	`17`	`@apply overflow-hidden rounded-md;`
`18`		`- @apply p-1;`
`19`	`18`	`}`
`20`	`19`
`21`	`20`	`.tabs-trigger--filled {`
`@@ -29,15 +28,15 @@`
`29`	`28`	`}`
`30`	`29`
`31`	`30`	`.tabs-list .tabs-trigger--filled {`
`32`		`- @apply data-[state=active]:text-black;`
	`31`	`+ @apply data-[state=active]:text-button-primary-text;`
`33`	`32`	`}`
`34`	`33`
`35`	`34`	`.tabs-list .tabs-trigger--transparent {`
`36`	`35`	`@apply data-[state=active]:text-text-primary;`
`37`	`36`	`}`
`38`	`37`
`39`	`38`	`.active-tab-indicator {`
`40`		`- @apply bg-brand-primary z-behind absolute w-full;`
	`39`	`+ @apply bg-button-primary-fill z-behind absolute w-full;`
`41`	`40`	`}`
`42`	`41`
`43`	`42`	`.active-tab-indicator--filled {`