小编Muz*_*maz的帖子

我想为使用 bootstrap 的网站创建暗模式。我必须添加新的根类，其中包括所有 boostrap 颜色。这是我的 color.scss：

$primary:#065FC6;
$secondary:#263C5C;
$success:#49C96D;
$danger:#FD7972;
$warning:#FF965D;
$light:#F8F8F8;
$body-color: #263C5C;

$custom-colors: (
  "brd-default": $body-color
  );
  

我想创建这样的新课程：

:root.dark{
    // override colors and classes for dark mode
    $primary:#012345;
    $secondary:#111111;
    $success:#222222;
}

那么我如何复制并粘贴所有引导颜色以获得新的配色方案？

如果我可以添加颜色，我将更改 HTML 类，这样我的根（配色方案）将是：

在我的 styles.scss 中：

@import "./colors";// custom colors
@import "bootstrap/scss/functions";
@import "bootstrap/scss/variables";
@import "bootstrap/scss/utilities";