色彩
默认的色彩展示。
主要的
你可以在自己的应用中使用这些色彩，所有的色彩值都会跟随主题而变化。想要自定义一些颜色？请阅读 use-theme 文档了解更多的细节。
import { useTheme } from '@geist-ui/core'
const myComponent = () => {
const { palette } = useTheme()
return <p style={{ color: palette.accents_1 }}>myComponent</p>
}
从
useTheme 函数中获取调色板。Background
theme.palette.background
#fff
Accent 1
theme.palette.accents_1
#fafafa
Accent 2
theme.palette.accents_2
#eaeaea
Accent 3
theme.palette.accents_3
#999
Accent 4
theme.palette.accents_4
#888
Accent 5
theme.palette.accents_5
#666
Accent 6
theme.palette.accents_6
#444
Accent 7
theme.palette.accents_7
#333
Accent 8
theme.palette.accents_8
#111
Foreground
theme.palette.foreground
#000
状态
使用不同的颜色表达情感的变化。
成功
Lighter
theme.palette.successLighter
#d3e5ff
Light
theme.palette.successLight
#3291ff
Default
theme.palette.success
#0070f3
Dark
theme.palette.successDark
#0761d1
错误
Lighter
theme.palette.errorLighter
#f7d4d6
Light
theme.palette.errorLight
#ff1a1a
Default
theme.palette.error
#e00
Dark
theme.palette.errorDark
#c50000
警告
Lighter
theme.palette.warningLighter
#ffefcf
Light
theme.palette.warningLight
#f7b955
Default
theme.palette.warning
#f5a623
Dark
theme.palette.warningDark
#ab570a
高亮
Alert
theme.palette.alert
#ff0080
Purple
theme.palette.purple
#f81ce5
Magenta
theme.palette.magenta
#eb367f