Plugin styles

Colors

• Background

  • --db-primary
  • --db-secondary
  • --db-tertiary
  • --db-quaternary
  • --lb-primary
  • --lb-secondary
  • --lb-tertiary
  • --lb-quaternary

• Foreground

  • --df-primary
  • --df-secondary
  • --lf-primary
  • --lf-secondary

• Accent

  • --da-primary
  • --da-primary-muted
  • --da-secondary
  • --da-tertiary
  • --da-quaternary
  • --la-primary
  • --la-primary-muted
  • --la-secondary
  • --la-tertiary
  • --la-quaternary

• Status color

  • --success-50
  • --success-500
  • --success-950
  • --warning-50
  • --warning-500
  • --warning-950
  • --error-50
  • --error-500
  • --error-950
  • --info-50
  • --info-500
  • --info-950

• App color

  • --app-white
  • --app-black
  • --app-pink
  • --app-blue
  • --app-gold
  • --app-indigo
  • --app-red
  • --app-yellow
  • --app-purple
  • --app-lemon
  • --app-orange

Fonts

Display

Title L

Title M

Title S

Headline L

Headline M

Headline S

Body large

Body medium

Body small

Caption

Code font

Spacing

• --spacing-4
• --spacing-8
• --spacing-12
• --spacing-16
• --spacing-20
• --spacing-24
• --spacing-28
• --spacing-32
• --spacing-36
• --spacing-40

Select

Input

Buttons

Primary button

Secondary button

Checkbox

Radio button

Switch