import { ComponentSingleStyleConfig } from "@chakra-ui/react" ; import { mode } from "@chakra-ui/theme-tools" ; const Menu = { baseStyle : { list : { bg : mode ( "white" , `#151419` ) , border : "1px solid" , borderColor : mode ( "gray.50" , "#1A1C20" ) , borderWidth : "initial" , } , item : { bg : mode ( "white" , `#151419` ) , color : mode ( "gray.400" , `#B7B7B7` ) , fontFamily : "Passenger Sans" , fontSize : "16px" , fontWeight : "300" , fontStyle : "normal" , lineHeight : "30px" , _focus : { bg : mode ( `gray.50` , `whiteAlpha.100` ) , color : mode ( "gray.600" , `white` ) , } , _active : { bg : mode ( `gray.50` , `whiteAlpha.200` ) , } , _expanded : { bg : mode ( `gray.50` , `whiteAlpha.100` ) , } , } , } , } ; export default Menu ;