How to use the ic-snacks.colors.GRAY_93 function in ic-snacks

':hover': {}
}

export const icon = {
  color: colors.GRAY_46,
  padding: 4,
  borderRadius: 3,
  transition: 'transform 150ms',
}

export const iconOpen = {
  transform: 'rotate(-180deg)',
}

export const iconHover = {
  background: colors.GRAY_93,
}

export const navGroupTitle = {
  fontSize: 14,
  fontWeight: 600,
  color: colors.GRAY_20,
  width: '100%',
  display: 'inline-block',
  textTransform: 'uppercase',

}

export const navGroupTitleHover = {
  color: colors.GREEN_500,
}

},
  navGroupTitleHover: {
    color: colors.GREEN_500,
  },
  navGroupIcon: {
    color: colors.GRAY_74,
    padding: 4,
    borderRadius: 3,
    transition: 'transform 150ms',
  },
  navGroupIconOpen: {
    transform: 'rotate(-180deg)',
  },
  navGroupIconHover: {
    background: colors.GRAY_93,
  },
  navGroupLinks: {
    ...spacing.PADDING_LEFT_SM,
  },
  navLinkRow: {
    height: 40,
    lineHeight: '40px',
    width: '100%',
  },
  navLinkInactive: {
    ...navLink,
    color: '#424242',
  },
  navLinkText: {
    display: 'inline-block',
    width: '100%',

Secondary
      <div style="{group}">
        
        
        
        
        
      </div>
      Grayscale
      <div style="{group}">
        
        
        
        
        
        
        
      </div>
    
  )
}

Secondary
      
        
        
        
        
        
      
      Grayscale
      
        
        
        
        
        
        
        
      
    
  )
}