在我的bootstrap 4(scss(角度应用程序中实现暗模式和亮模式的最佳方式是什么？Angular cli编译scss文件，所以为每个主题包含一个单独css文件的旧方法对我没有吸引力。如何？？设置一个身体类别并在我的scss文件中使用.dark/.light？使用mixin？使用引导程序颜色主题？
欢迎有任何想法！
不知道这是否是最好的方法，但我就是这么做的。
我在最上面的组件上使用了[ngClass]="setPrimary((
该setPrimary函数检查了一天中的时间(https://api.sunrise-sunset.org)根据夜晚、日出/日落或白天的时间，它会将类别设置在最顶部的组件上
在scss文件中：我为白天、夜晚、日出/日落开发了3种不同的颜色集
在页面加载时，默认值为day，但只要setPrimary((放置了适当的类，其余的样式就会跟随
我无法使用Angular CLI和Bootstrap 4 scs解决此问题。我试图将该项目配置为编译2个懒惰的bundle，这是有效的，但我不能有两个分别包含dark.css和light.scss的scss文件，每个文件都包含具有不同值的相同变量，1个产生暗bundle，一个产生亮bundle。我最终得到的是一个包含深色和浅色的变量和样式的scss源，它编译成两个包，分别是dark.css和light.scss，其中包含每个特定样式的css覆盖。无论如何，谢谢各位的建议！