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 use-theme to learn more.

import { useTheme } from '@geist-ui/core'

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