Использование Bootstrap Colours в JS

Question

Я использую Google-Chart и хочу установить для цветов среза тот цвет, который используется при начальной загрузке, например, для badge-success или badge-danger. Есть ли способ получить доступ к этим цветным кодам из JavaScript?

Answer 1

Другой подход - это ...

document.body.innerHTML += '<div id="myBadge" class="badge-danger"></div>';
var elem = document.getElementById("myBadge");
var dangerColor = window.getComputedStyle(elem).getPropertyValue("background-color");
elem.parentNode.removeChild(elem);

Демо: https://www.codeply.com/go/GC96hjbf5v

Answer 2

Это работает, если вы используете Bootstrap 4:

const root = document.querySelector('html');
getComputedStyle(root).getPropertyValue('--danger');

Вы можете получить доступ к переменным CSS, представленным в: псевдоэлементе root