select cli version hover colour contrast ratio issue fix

npm · Oct 27, 2023 · 1371a56 · 1371a56
1 parent 5aafaec
commit 1371a56
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/src/components/variant-select.js b/src/components/variant-select.js
@@ -6,7 +6,19 @@ import {LinkNoUnderline} from './link'
 import useLocationChange from '../hooks/use-location-change'
 
 const VariantItem = ({title, shortName, url, active}) => (
-  <ActionList.Item as={LinkNoUnderline} to={url} state={{scrollUpdate: false}} id={shortName} active={active}>
+  <ActionList.Item
+    sx={{
+      ':hover:not([aria-disabled])': {
+        backgroundColor: '#666D75',
+        color: '#FFFFFF',
+      },
+    }}
+    as={LinkNoUnderline}
+    to={url}
+    state={{scrollUpdate: false}}
+    id={shortName}
+    active={active}
+  >
     {title}
   </ActionList.Item>
 )