View all @chakra-ui/theme analysis

How to use the @chakra-ui/theme.colorEmphasis function in @chakra-ui/theme

To help you get started, we’ve selected a few @chakra-ui/theme examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

chakra-ui / chakra-ui / packages / chakra-ui / src / Alert / styles.ts View on Github

const subtle = ({ color, theme }: AlertStylePropsWithTheme) => {
  let darkBg = theme.colors[color] && theme.colors[color][200];
  return {
    light: {
      bg: `${color}.100`,
    },
    dark: { bg: colorEmphasis(darkBg, "lowest") },
  };
};