Bootstrap

$primary · --bs-primary

Buttons, links, active states

$secondary · --bs-secondary

Secondary buttons and muted UI

$success · --bs-success

Positive actions and alerts

$danger · --bs-danger

Destructive actions and errors

$warning · --bs-warning

Warning alerts and badges

$info · --bs-info

Informational alerts

$light · --bs-light

Light gray component background

$dark · --bs-dark

Dark component background

$blue

Base theme color, aliased by $blue

$indigo

Base theme color, aliased by $indigo

$purple

Base theme color, aliased by $purple

$pink

Base theme color, aliased by $pink

$red

Base theme color, aliased by $red

$orange

Base theme color, aliased by $orange

$yellow

Base theme color, aliased by $yellow

$green

Base theme color, aliased by $green

$teal

Base theme color, aliased by $teal

$cyan

Base theme color, aliased by $cyan

$gray-100

Light gray for surfaces

$gray-200

Light gray for surfaces

$gray-300

Light gray for surfaces

$gray-400

Mid gray for borders and muted text

$gray-500

Mid gray for borders and muted text

$gray-600

Mid gray for borders and muted text

$gray-700

Dark gray for text

$gray-800

Dark gray for text

$gray-900

Dark gray for text

$body-bg

Default page background

$body-color

Default text color