Update Tag colors (#10768)

### WHY are these changes introduced? Fixes #10373
Shopify · Sep 29, 2023 · a95ed6c · a95ed6c
1 parent d6c7682
commit a95ed6c
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/polaris-react/src/components/Tag/Tag.scss b/polaris-react/src/components/Tag/Tag.scss
@@ -16,7 +16,7 @@ $button-size: 20px;
 
   &.disabled {
     transition: none;
-    background: var(--p-color-bg-disabled);
+    background: var(--p-color-bg-fill-disabled);
     color: var(--p-color-text-disabled);
 
     svg {
@@ -52,7 +52,7 @@ $button-size: 20px;
     }
 
     &:disabled {
-      background: var(--p-color-bg-disabled);
+      background: var(--p-color-bg-fill-disabled);
       cursor: default;
       pointer-events: none;
       color: var(--p-color-text-disabled);
@@ -121,7 +121,7 @@ $button-size: 20px;
 
   &:hover {
     background: var(--p-color-bg-strong-hover);
-    color: var(--p-color-icon-primary);
+    color: var(--p-color-icon-active);
     outline: var(--p-border-width-025) solid transparent;
   }
 
@@ -130,7 +130,7 @@ $button-size: 20px;
 
   &:focus-visible {
     background: var(--p-color-bg-strong-hover);
-    color: var(--p-color-icon-primary);
+    color: var(--p-color-icon-active);
   }
 
   &:focus-visible:not(:active) {