Colors

Default colors for themes.

You can use any color anywhere, all colors change with the theme. If you want to customize your colors, please read Themes to learn more.

import { useTheme } from '@brudi/hui'

const myComponent = () => {
  const { palette } = useTheme()

  return <p style={{ color: palette.system.info[10] }}>myComponent</p>
}

Global

Brand

System

Use different colors to express more emotional changes.