style(ReactSelect): split data-focus and data-active styles for t…

…he options
ethereum · Feb 15, 2024 · 6e37d6b · 6e37d6b
1 parent 321784a
commit 6e37d6b
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/@chakra-ui/components/ReactSelect.ts b/src/@chakra-ui/components/ReactSelect.ts
@@ -61,9 +61,13 @@ const baseStyle = definePartsStyle({
   option: {
     color: "body.base",
     p: 2,
-    "&[data-focused=true], &[data-active=true]": {
-      bg: "primary.hover",
-      color: "primary.lowContrast",
+    "&[data-focused=true]": {
+      bg: "primary.lowContrast",
+      color: "primary.base",
+    },
+    "&[data-active=true]": {
+      bg: "body.light",
+      color: "primary.visited",
     },
   },
 })