Body text
$body-color
Default text color
Primary
$primary · --bs-primary
Buttons, links, active states
Bootstrap
29 официальных семантических токенов
Всего 29 цветов
Обзор Bootstrap
Цветовая система Bootstrap строится вокруг семантических тематических цветов вроде $primary, $secondary, $success плюс серой шкалы от gray-100 до gray-900, заданной в _variables.scss.
Как использовать
Переопределите SCSS-переменные или расширьте $custom-colors, чтобы получить новые утилиты. Применяйте их в разметке через помощники .bg-*, .text-*, .border-*.
Secondary
$secondary · --bs-secondary
Secondary buttons and muted UI
Success
$success · --bs-success
Positive actions and alerts
Danger
$danger · --bs-danger
Destructive actions and errors
Warning
$warning · --bs-warning
Warning alerts and badges
Info
$info · --bs-info
Informational alerts
Light
$light · --bs-light
Light gray component background
Dark
$dark · --bs-dark
Dark component background
Blue
$blue
Base theme color, aliased by $blue
Indigo
$indigo
Base theme color, aliased by $indigo
Purple
$purple
Base theme color, aliased by $purple
Pink
$pink
Base theme color, aliased by $pink
Red
$red
Base theme color, aliased by $red
Orange
$orange
Base theme color, aliased by $orange
Yellow
$yellow
Base theme color, aliased by $yellow
Green
$green
Base theme color, aliased by $green
Teal
$teal
Base theme color, aliased by $teal
Cyan
$cyan
Base theme color, aliased by $cyan
Gray 100
$gray-100
Light gray for surfaces
Gray 200
$gray-200
Light gray for surfaces
Gray 300
$gray-300
Light gray for surfaces
Gray 400
$gray-400
Mid gray for borders and muted text
Gray 500
$gray-500
Mid gray for borders and muted text
Gray 600
$gray-600
Mid gray for borders and muted text
Gray 700
$gray-700
Dark gray for text
Gray 800
$gray-800
Dark gray for text
Gray 900
$gray-900
Dark gray for text
Body background
$body-bg
Default page background
Подходящих цветов нет
Источник: Bootstrap v5.3.8 · _variables.scss