Angular: Bootstrap 4暗/亮模式开关
Angular: Bootstrap 4暗/亮模式开关
提问于 2018-10-31 14:14:11
在我的bootstrap 4 (scss) angular应用程序中实现暗模式和亮模式的最佳方式是什么？Angular cli编译了scss文件，因此我不喜欢为每个主题包含单独的css文件的旧方法。怎么做？设置body类并在整个scss文件中使用.dark / .light？使用混音器？使用bootstrap颜色主题？
欢迎任何想法！
Stack Overflow用户
发布于 2018-10-31 14:48:59
不知道这是不是最好的办法，但我就是这么做的。
我在最上面的组件上使用了ngClass="setPrimary()“
此setPrimary函数检查一天中的时间(https://api.sunrise-sunset.org)，并根据夜间或日出/日落或白天的小时设置最上面的组件上的类
在scss文件中:我为白天、夜晚、日出/日落开发了3种不同的颜色集
在页面加载时，默认值是day，但是只要setPrimary()放置适当的类，其余的样式就会跟随它
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53077314
复制相关文章
相似问题
腾讯云开发者
