Colors, border colors and backgrounds

Use one of the following classes to alter the element's color, border-color and background-color.

• Color
  • .default is in ◉ --default color.
  • .muted is in ◉ --muted color.
  • .accent is in ◉ --accent color.
  • .active is in ◉ --active color.
  • .variant is in ◉ --variant color.
  • .success is in ◉ --success color.
  • .attention is in ◉ --attention color.
  • .severe is in ◉ --severe color.
  • .danger is in ◉ --danger color.
• Border color
  • .bd-default has a ◉ --default border.
  • .bd-muted has a ◉ --muted border.
  • .bd-accent has a ◉ --accent border.
  • .bd-active has a ◉ --active border.
  • .bd-variant has a ◉ --variant border.
  • .bd-success has a ◉ --success border.
  • .bd-attention has a ◉ --attention border.
  • .bd-severe has a ◉ --severe border.
  • .bd-danger has a ◉ --danger border.
• Background
  • .bg-default has a ◉ --bg-default background.
  • .bg-muted has a ◉ --bg-muted background.
  • .bg-accent has a ◉ --bg-accent background.
  • .bg-active has a ◉ --bg-active background.
  • .bg-variant has a ◉ --bg-variant background.
  • .bg-success has a ◉ --bg-success background.
  • .bg-attention has a ◉ --bg-attention background.
  • .bg-severe has a ◉ --bg-severe background.
  • .bg-danger has a ◉ --bg-danger background.
• Foreground
  • .fg-default has a ◉ --default background.
  • .fg-muted has a ◉ --muted background.
  • .fg-accent has a ◉ --accent background.
  • .fg-active has a ◉ --active background.
  • .fg-variant has a ◉ --variant background.
  • .fg-success has a ◉ --success background.
  • .fg-attention has a ◉ --attention background.
  • .fg-severe has a ◉ --severe background.
  • .fg-danger has a ◉ --danger background.