Colors

Default colors for themes.

PRIMARY

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 '@cfxjs/react-ui'

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

  return <p style={{ color: palette.accents_1 }}>myComponent</p>
}

STATUS

Use different colors to express more emotional changes.

Success

Error

Warning

Cyan

Violet

Highlight