Colors

Primitive Colors

  •
    black
  • white
  • brand
  • gray-100
  • gray-200
  • gray-300
  • gray-500
  • gray-700
  • gray-800
  • gray-900
  • blue-100
  • blue-300
  • blue-500
  • blue-700
  • green-100
  • green-300
  • green-500
  • green-700
  • magenta-100
  • magenta-300
  • magenta-500
  • magenta-700
  • yellow-100
  • yellow-300
  • yellow-500
  • yellow-700

Semantic Colors

  • Light

    Dark

    Name

    Variable

    Value

  •

    fg-base

  • fg-dim

  • fg-faint

  • fg-inverse-base

  • fg-inverse-dim

  • fg-inverse-faint

  • fg-accent-blue

  • fg-accent-green

  • fg-accent-magenta

  • fg-accent-yellow

  • fg-error

  • bg-base

  • bg-dim

  • bg-inverse-base

  • bg-inverse-dim

  • bg-accent-blue-base

  • bg-accent-blue-dim

  • bg-accent-green-base

  • bg-accent-green-dim

  • bg-accent-magenta-base

  • bg-accent-magenta-dim

  • bg-accent-yellow-base

  • bg-accent-yellow-dim

  • border-base

  • border-dim

  • border-faint

  • border-inverse-base

  • border-accent-blue

  • border-accent-green

  • border-accent-magenta

  • border-accent-yellow