fix: match autocomplete to other menu items

labeleven-dev · Feb 22, 2023 · 1d578db · 1d578db
1 parent 566435a
commit 1d578db
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/src/components/common/AccountAutoComplete.tsx b/src/components/common/AccountAutoComplete.tsx
@@ -162,7 +162,7 @@ export const AccountAutoComplete: React.FC<{
             </Badge>
             <Text>{label}</Text>
             <Spacer />
-            <Text fontSize="xs" color="gray.500" fontFamily="mono">
+            <Text fontSize="xs" opacity="0.6" fontFamily="mono">
               {secondaryLabel}
             </Text>
           </Flex>

diff --git a/src/components/common/AutoComplete.tsx b/src/components/common/AutoComplete.tsx
@@ -148,16 +148,14 @@ const Option = ({
     ref
   );
 
-  const focusedBacground = useColorModeValue("gray.100", "whiteAlpha.100");
-
   return (
     <ListItem
       {...optionProps}
       as="li"
       ref={ref}
       px="2"
       py="2"
-      background={isFocused ? focusedBacground : "transparent"}
+      background={isFocused ? "purple.500" : "transparent"}
       color="chakra-body-text"
       fontWeight={isSelected ? "bold" : "normal"}
       cursor="default"