message: fix: select design changes
diff: -import { mode } from '../tools';
  +import { transparentize } from '../tools';
  +
  export const Select = {
  baseStyle: (props: Record<string, any>) => {
  + const { theme } = props;
  return {
  + _light: {
  + customDropdownIconProps: { color: 'muted.500' },
  + _hover: {
  + borderColor: 'primary.600',
  + },
  + _focus: {
  + borderColor: 'primary.600',
  + bg: transparentize('primary.600', 0.1)(theme),
  + },
  + _disabled: {
  + bg: 'muted.100',
  + },
  + _invalid: {
  + borderColor: 'error.600',
  + },
  + },
  +
  + _dark: {
  + customDropdownIconProps: { color: 'muted.400' },
  + _hover: {
  + borderColor: 'primary.500',
  + },
  + _focus: {
  + borderColor: 'primary.500',
  + bg: transparentize('primary.500', 0.1)(theme),
  + },
  + _disabled: {
  + bg: 'muted.800',
  + },
  + _invalid: {
  + borderColor: 'error.500',
  + },
  + },
  +
  + customDropdownIconProps: {
  + size: '6',
  + p: '1',
  + },
  _webSelect: {
  appearance: 'none',
  WebkitAppearance: 'none',
  @@ -12,27 +52,11 @@ export const Select = {
  opacity: 0,
  zIndex: 1,
  },
  - customDropdownIconProps: {
  - size: '6',
  - p: '1',
  - pl: '0',
  - color: 'trueGray.400',
  - },
  _web: {
  pointerEvents: 'none',
  },
  _disabled: {
  opacity: '80',
  - bg: mode('muted.100', 'muted.700')(props),
  - },
  - _invalid: {
  - borderColor: mode('danger.600', 'danger.300')(props),
  - },
  - _focus: {
  - borderColor: mode('primary.400', 'primary.500')(props),
  - },
  - _hover: {
  - bg: mode('gray.100', 'gray.700')(props),
  },
  _actionSheetBody: {
  w: '100%',
  