主题

GenUI Theme ColorGenUI 的主题颜色,包括一系列用于定义组件颜色的颜色变量。我们提供了默认的配色方案。

在颜色类型上,我们主要分为以下几种:

  1. Dark
  2. Primary
  3. Info
  4. Success
  5. Warning
  6. Error

每种颜色类型都含有 11 种色值: [25, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900]

其中主色值为500

Dark

Dark

#22272F

  • 25: #6e7176
  • 50: #5b5f64
  • 100: #42464d
  • 200: #3b4047
  • 300: #2f333b
  • 400: #282d35
  • 500: #22272F
  • 600: #1f242b
  • 700: #1d2127
  • 800: #1a1e24
  • 900: #0f1115

Primary

Primary

#06AED4

  • 25: #F5FEFF
  • 50: #ECFDFF
  • 100: #CFF9FE
  • 200: #A5F0FC
  • 300: #67E3F9
  • 400: #22CCEE
  • 500: #06AED4
  • 600: #088AB2
  • 700: #0E6F90
  • 800: #155B75
  • 900: #164C63

Info

Info

#12B76A

  • 25: #FCFCFD
  • 50: #F9FAFB
  • 100: #F2F4F7
  • 200: #EAECF0
  • 300: #D0D5DD
  • 400: #95A2D3
  • 500: #667085
  • 600: #475467
  • 700: #344054
  • 800: #1D2939
  • 900: #101828

Success

Success

#667085

  • 25: #F6FEF9
  • 50: #ECFDF3
  • 100: #D1FADF
  • 200: #A6F4C5
  • 300: #6CE9A6
  • 400: #32D583
  • 500: #12B76A
  • 600: #039855
  • 700: #027A48
  • 800: #05603A
  • 900: #054F31

Warning

Warning

#F79009

  • 25: #FFFCF5
  • 50: #FFFAEB
  • 100: #FEF0C7
  • 200: #FEDF89
  • 300: #FEC84B
  • 400: #FDB022
  • 500: #F79009
  • 600: #DC6803
  • 700: #B54708
  • 800: #93370D
  • 900: #7A2E0E

Error

Error

#F04438

  • 25: #FFFBFA
  • 50: #FEF3F2
  • 100: #FEE4E2
  • 200: #FECDCA
  • 300: #FDA29B
  • 400: #F97066
  • 500: #F04438
  • 600: #D92D2D
  • 700: #B42318
  • 800: #912018
  • 900: #7A271A