diff --git a/polaris-react/src/components/Tabs/Tabs.scss b/polaris-react/src/components/Tabs/Tabs.scss index 740e3322f13..0e4ef5f34c2 100644 --- a/polaris-react/src/components/Tabs/Tabs.scss +++ b/polaris-react/src/components/Tabs/Tabs.scss @@ -133,12 +133,8 @@ } &:not([aria-disabled='true']):hover { - background-color: var(--p-color-bg-subdued); + background-color: var(--p-color-bg-secondary-experimental); color: var(--p-color-text-primary); - - #{$se23} & { - background-color: var(--p-color-bg-secondary-experimental); - } } &:not([aria-disabled='true']):focus-visible { @@ -149,13 +145,9 @@ } &:not([aria-disabled='true']):active { - background-color: var(--p-color-bg-subdued); + background-color: var(--p-color-bg-secondary-experimental); color: var(--p-color-text-primary); z-index: var(--p-z-index-1); - - #{$se23} & { - background-color: var(--p-color-bg-secondary-experimental); - } } @media #{$p-breakpoints-md-up} { @@ -187,12 +179,9 @@ } #{$se23} & { - background: var(--p-color-bg-subdued); + background: var(--p-color-bg-secondary-experimental); color: var(--p-color-text); - - #{$se23} & { - background: var(--p-color-bg-secondary-experimental); - } + border-radius: var(--p-border-radius-2); &[aria-disabled='true'] { background: var(--p-color-bg-disabled); @@ -201,20 +190,12 @@ &:not([aria-disabled='true']):hover, &:not([aria-disabled='true']):focus { - background-color: var(--p-color-bg-subdued); + background-color: var(--p-color-bg-secondary-experimental); color: var(--p-color-text-primary); - - #{$se23} & { - background-color: var(--p-color-bg-secondary-experimental); - } } &:not([aria-disabled='true']):active { - background-color: var(--p-color-bg-subdued); - - #{$se23} & { - background-color: var(--p-color-bg-secondary-experimental); - } + background-color: var(--p-color-bg-secondary-experimental); } } } @@ -374,7 +355,7 @@ } &:not([aria-disabled='true']):hover { - background-color: var(--p-color-bg-interactive-subdued-active); + background-color: var(--p-color-bg-secondary-experimental); color: var(--p-color-text-primary); } @@ -384,7 +365,7 @@ } &:not([aria-disabled='true']):active { - background-color: var(--p-color-bg-interactive-subdued-active); + background-color: var(--p-color-bg-secondary-experimental); } } }