如何更改反应内置引导程序的原色？

Question

我正在为我的网站使用 react 内置引导程序（不导入任何库和安装额外包的引导程序）。现在，我需要一种定制的原色。我应该如何实现这一目标？

Answer 1

要自定义 Bootstrap，请创建一个名为 src/custom.scss（或类似文件）的文件并导入 Bootstrap 源样式表。在导入的文件之前添加任何覆盖。您可以参考 Bootstrap 的文档了解可用变量的名称。Bootstrap 的文档：https : //getbootstrap.com/docs/4.1/getting-started/theming/#css-variables

例如：

// change the theme
$theme-colors: (
  "primary": #0074d9,
  "danger": #ff4136
);

// Import Bootstrap and its default variables
@import '~bootstrap/scss/bootstrap.scss';

最后，在 src/index.js 文件的开头导入新创建的 .scss 文件，而不是默认的 Bootstrap .css，例如：

import './custom.scss';

阅读更多：https : //facebook.github.io/create-react-app/docs/adding-bootstrap#using-a-custom-theme