Bootstrap 4 更改主题原色

Bootstrap 4 更改主题原色,bootstrap-4,sass,angular9,angular-bootstrap,nebular,Bootstrap 4,Sass,Angular9,Angular Bootstrap,Nebular,我用的是角度9和星云5。我想改变我的主题的原色。根据 我可以使用如下内容: @import '~@nebular/theme/styles/theming'; @import '~@nebular/theme/styles/themes/default'; $nb-themes: nb-register-theme(( color-primary-100: #faf7ff, // <- new primary color color-primary-200: #ece3ff,

我用的是角度9和星云5。我想改变我的主题的原色。根据

我可以使用如下内容:

@import '~@nebular/theme/styles/theming';
@import '~@nebular/theme/styles/themes/default';

$nb-themes: nb-register-theme((

  color-primary-100: #faf7ff, // <- new primary color
  color-primary-200: #ece3ff,
  color-primary-300: #d5bfff,
  color-primary-400: #b18aff,
  color-primary-500: #a16eff,
  color-primary-600: #7b51db,
  color-primary-700: #5a37b8,
  color-primary-800: #3e2494,
  color-primary-900: #29157a,

  text-basic-color: color-basic-800,
  text-disabled-color: color-basic-600,
), default, default);

有人能帮我解释一下吗?由于nebular 5基于引导框架,如何生成这些代码?

首先,您需要为项目选择一种原色。例如,它的#a16eff(紫色)。现在,您需要转到并填写您的原色代码,然后按enter键

你会看到你的颜色有很多阴影。现在您需要将此原色代码设置为#a16eff并将其设置为“color-primary-500”

“color-primary-100”、“color-primary-200”、“color-primary-300”、“color-primary-400”将是您可以设置的明暗度。“color-primary-100”将最亮,并进一步变暗,直至“color-primary-900”。 “color-primary-900”将是您最暗的颜色

这是您可以使用的格式

$nb主题:nb注册主题((

color-primary-100:#faf7ff,//我不确定是否有办法轻松生成这些颜色的级别,但我刚刚打开了一个html颜色代码站点,输入了我想要的主颜色的值,然后查看它附近的浅/深代码样式,以获得剩余的值。
color-primary-100: #faf7aa, // <- new primary color
  color-primary-200: #ece3ff,
  color-primary-300: #d5bfff,
  color-primary-400: #b18aff,
  color-primary-500: #a16eff,
  color-primary-600: #7b51db,
  color-primary-700: #5a37b8,
  color-primary-800: #3e2494,
  color-primary-900: #29157a,