色彩工具

// 适合 UI,但还需要一些自我发挥
Primary(P), P-Light, P-Dark, Secondary(S), S-Light, S-Dark, T(on P), T(on S) // S 可选


// 适合插图主题
以一个基准颜色进行主题配色,不指定中性色,方式有:
  • analogous
  • monochromatic
  • triad
  • complementary
  • compound
  • shades
从图像中获取,模式有:
  • Colorful
  • Bright
  • Muted
  • Deep
  • Dark

Brand Color:
  • color-primary
Functional Color:
  • color-success
  • color-warning
  • color-danger
  • color-info
Font Color:
  • color-text-primary
  • color-text-regular
  • color-text-secondary
  • color-text-placeholder
Border Color:
  • border-color-base
  • border-color-light
  • border-color-lighter
  • border-color-extra-light
Background Color:
  • color-white
  • color-black
  • background-color-base