在我的 bootstrap 4 (scss) angular 应用程序中实现暗模式和亮模式的最佳方法是什么？ Angular cli 编译 scss 文件，因此为每个主题包含一个单独的 css 文件的旧方法对我没有吸引力。如何？？设置一个 body 类并在我的 scss 文件中使用 .dark / .light ？使用混合？使用引导颜色主题？
欢迎提出任何想法！
【问题讨论】：
标签： javascript angular sass bootstrap-4
我无法使用 Angular CLI 和 Bootstrap 4 scss 解决这个问题。我尝试将项目配置为编译 2 个可以工作的惰性包，但我不能有 2 个 scss 文件，其中的 dark.scss 和 light.scss 每个都包含具有不同值的相同变量，1 导致暗包，一个导致然后轻束。我最终得到的是一个包含深色和浅色变量和样式的 scss 源，编译成 2 个包，其中包含针对每种特定样式的 css 覆盖的 dark.scss 和 light.scss。 无论如何，谢谢大家的建议！
【讨论】：
不知道这是否是最好的方法，但这就是我所做的。
我在最顶层的组件上使用了 [ngClass]="setPrimary()
这个 setPrimary 函数检查一天中的时间 (https://api.sunrise-sunset.org) 并根据晚上或日出/日落或白天的时间，它会在这个最顶层的组件上设置类
在 scss 文件中：我为白天、夜晚、日出/日落开发了 3 种不同的颜色集
在页面加载时，默认值为 day，但只要 setPrimary() 放置适当的类，其余样式就会跟随它
【讨论】：