在我的bootstrap 4（scss）角度应用程序中实现暗模式和亮模式的最佳方法是什么？ Angular cli编译了scss文件，因此为每个主题包括一个单独的css文件的旧方法对我来说并不有吸引力。怎么样？？设置body类并在我的所有scss文件中使用.dark / .light？使用mixins？使用自举颜色主题？
欢迎任何想法！
答案 0 :(得分：3)
不知道这是否是最好的方法，但这就是我所做的。
我在最上面的组件上使用了[ngClass] =“ setPrimary（）
此setPrimary函数检查一天中的时间（https://api.sunrise-sunset.org），然后根据夜晚或日出/日落或白天的时间，将类设置为该最重要的组件
在scss文件中：我为白天，夜晚，日出/日落开发了3种不同的颜色集
在页面加载时，默认值为day，但是一旦setPrimary（）将放置适当的类，其余样式将沿用它
答案 1 :(得分：0)
我无法使用Angular CLI和Bootstrap 4 scss解决此问题。我试图将项目配置为编译2个惰性捆绑包，但可以，但是我无法拥有2个scss文件，其中dark.scss和light.scss包含相同的变量，但值不同，其中1个导致了深色捆绑，一个导致了然后轻束。我最后得到的是一个包含深色和浅色变量和样式的scss源，可编译为2个捆绑包，其中dark.scss和light.scss包含每种特定样式的CSS覆盖。 无论如何，谢谢大家的建议！