fix: use appropriate token for background color

lumada-design · Feb 23, 2024 · 433b98f · 433b98f
1 parent 78416fc
commit 433b98f
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/packages/core/src/BaseSwitch/BaseSwitch.styles.tsx b/packages/core/src/BaseSwitch/BaseSwitch.styles.tsx
@@ -14,7 +14,7 @@ export const { staticClasses, useClasses } = createClasses("HvBaseSwitch", {
     borderRadius: theme.radii.base,
 
     "&:hover": {
-      backgroundColor: theme.colors.primary_20,
+      backgroundColor: theme.colors.containerBackgroundHover,
     },
 
     // Higher CSS specificity here

diff --git a/packages/core/src/BreadCrumb/Page/Page.styles.tsx b/packages/core/src/BreadCrumb/Page/Page.styles.tsx
@@ -11,10 +11,10 @@ export const { staticClasses, useClasses } = createClasses("HvBreadCrumbPage", {
     textTransform: "capitalize",
     "&:hover": {
       cursor: "pointer",
-      backgroundColor: theme.colors.primary_20,
+      backgroundColor: theme.colors.containerBackgroundHover,
     },
     "&:focus": {
-      backgroundColor: theme.colors.primary_20,
+      backgroundColor: theme.colors.containerBackgroundHover,
     },
     "&:focus-visible": {
       ...outlineStyles,

diff --git a/packages/core/src/BulkActions/BulkActions.styles.tsx b/packages/core/src/BulkActions/BulkActions.styles.tsx
@@ -12,7 +12,7 @@ export const { staticClasses, useClasses } = createClasses("HvBulkActions", {
     marginBottom: theme.space.xs,
   },
   semantic: {
-    backgroundColor: theme.colors.primary_20,
+    backgroundColor: theme.colors.containerBackgroundHover,
     "& $selectAll div": {
       color: "inherit",