fix: Tab button style (#10715)

ParabolInc · Jan 22, 2025 · 216eb40 · 216eb40
1 parent 001cf41
commit 216eb40
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/client/components/Tab/Tab.tsx b/packages/client/components/Tab/Tab.tsx
@@ -13,8 +13,8 @@ const Tab = forwardRef((props: Props, ref: Ref<HTMLButtonElement>) => {
   return (
     <button
       className={cn(
-        'flex cursor-default select-none appearance-none items-center justify-center border-0 px-4 py-3 text-sm leading-5 text-grape-600 outline-0',
-        isActive ? 'text-grape-700' : 'cursor-pointer',
+        'flex cursor-default select-none appearance-none items-center justify-center border-0 bg-inherit px-4 py-3 text-sm leading-5 outline-0',
+        isActive ? 'text-grape-700' : 'cursor-pointer text-slate-600',
         className
       )}
       onClick={onClick}

diff --git a/packages/client/tailwindTheme.ts b/packages/client/tailwindTheme.ts
@@ -7,6 +7,7 @@ export default {
   theme: {
     colors: {
       transparent: 'transparent',
+      inherit: 'inherit',
       current: 'currentColor',
       black: defaultColors.black,
       white: defaultColors.white,