p Color utilities are used for changing colors for text, link and background.

+docs-subheading('colors-text', 'Text colors')

.docs-demo.columns
  .column.col-12
    p
      span.text-primary primary color
    p
      span.text-secondary secondary color
    p
      span.text-dark dark color
    p
      span.text-gray gray color
    p
      span.text-light.bg-dark.p-1.rounded light color
    p
      span.text-success success color
    p
      span.text-warning warning color
    p
      span.text-error error color

pre.code(data-lang='HTML')
  code
    :highlight(lang="html")
      primary color
      secondary color
      dark color
      gray color
      light color
      success color
      warning color
      error color

.docs-demo.columns
  .column.col-12
    p
      a.text-primary.p-1(href="#colors") primary link
    p
      a.text-secondary.p-1(href="#colors") secondary link
    p
      a.text-dark.p-1(href="#colors") dark link
    p
      a.text-gray.p-1(href="#colors") gray link
    p
      a.text-light.bg-dark.p-1.rounded(href="#colors") light link
    p
      a.text-success.p-1(href="#colors") success link
    p
      a.text-warning.p-1(href="#colors") warning link
    p
      a.text-error.p-1(href="#colors") error link

pre.code(data-lang='HTML')
  code
    :highlight(lang="html")
      primary color
      secondary color
      dark color
      gray color
      light color
      success color
      warning color
      error color

+docs-subheading('colors-background', 'Background colors')

.docs-demo.columns
  .column.col-12
    p
      span.bg-primary.p-1.rounded primary bg
    p
      span.bg-secondary.text-primary.p-1.rounded secondary bg
    p
      span.bg-dark.p-1.rounded dark bg
    p
      span.bg-gray.p-1.rounded gray bg
    p
      span.bg-success.p-1.rounded success bg
    p
      span.bg-warning.p-1.rounded warning bg
    p
      span.bg-error.p-1.rounded error bg

pre.code(data-lang='HTML')
  code
    :highlight(lang="html")
      
primary bg
      
secondary bg
      
dark bg
      
gray bg
      
success bg
      
warning bg
      
error bg
