Tabs: keep full opacity of focus ring on disabled tabs

WordPress · Jul 19, 2024 · cbd16b7 · cbd16b7
1 parent e685f68
commit cbd16b7
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/components/src/tabs/styles.ts b/packages/components/src/tabs/styles.ts
@@ -76,10 +76,11 @@ export const Tab = styled( Ariakit.Tab )`
 		font-weight: 500;
 		text-align: inherit;
 		hyphens: auto;
+		color: ${ COLORS.theme.foreground };
 
 		&[aria-disabled='true'] {
 			cursor: default;
-			opacity: 0.3;
+			color: ${ COLORS.theme.gray[ 700 ] };
 		}
 
 		&:hover {