Изменение Bootstrap цветов темы - PullRequest
Новая
       39

Изменение Bootstrap цветов темы

0 голосов
/ 01 мая 2020

Просто для удобства я создаю новые цвета темы, как показано ниже, чтобы я мог использовать bg-red вместо bg-danger или text-purple и т. Д. 

$primary        : #24305e;
$blue           : #375abb;
$indigo         : #796eff;
$purple         : #6f42c1;
$pink           : #e83e8c;
$red            : #db4446;
$orange         : #e3240C;
$yellow         : #ffc107;
$green          : #21c87a;
$teal           : #2e9cca;
$cyan           : #17a2b8;
$light          : #f6f9fc;

$theme-colors   : (
    "blue"      : $blue,
    "indigo"    : $indigo,
    "purple"    : $purple,
    "pink"      : $pink,
    "red"       : $red,
    "orange"    : $orange,
    "yellow"    : $yellow,
    "green"     : $green,
    "teal"      : $teal,
    "cyan"      : $cyan    
);

@import "node_modules/bootstrap/scss/bootstrap";

Однако я хотел бы знать, является ли это правильным способом сделать это, поскольку я замечаю, что у меня есть дубликаты :root переменных цветов. Пожалуйста, обратитесь к приложенному изображению.

Bootstrap CSS-variable colors

Я что-то здесь упускаю?

...