Как использовать всю палитру цветов Bootstrap 5.0?

Question

[html_newbie]

В Bootstrap 5.0 добавилась целая палитра цветов (помимо стандартных цветов: основной, второстепенный, информация, внимание, ошибка) https://getbootstrap.com/docs/5.0/customize/color/...
Как использовать эти цвета?
Например, хедер стандартного цвета:

<nav class="navbar navbar-light bg-success">
    <a class="navbar-brand" href="#">Navbar</a>
</nav>

Как задать ему цвет $teal-300? (не заменить bg-succes с одного зеленого на другой зеленый, а отдельно от основных цветов использовать всю палитру)

Answer 1

[iBird Rose]

классами никак. только вот эти scss переменные использовать

Comments

[html_newbie]

Подскажите пожалуйста как их использовать в css?

[iBird Rose]

html_newbie, в css никак

[html_newbie]

iBird Rose, как использовать такую конструкцию?
https://getbootstrap.com/docs/5.0/customize/sass/#...

.custom-element {
  color: $gray-100;
  background-color: $dark;
}

[iBird Rose]

html_newbie, ты спросил как использовать такую конструкцию в css. а то что ты скинул - это scss