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颜色主题？
欢迎任何想法！
回答 2
Stack Overflow用户
发布于 2018-10-31 14:48:59
不知道这是不是最好的办法，但我就是这么做的。
我在最上面的组件上使用了ngClass="setPrimary()“
此setPrimary函数检查一天中的时间(https://api.sunrise-sunset.org)，并根据夜间或日出/日落或白天的小时设置最上面的组件上的类
在scss文件中:我为白天、夜晚、日出/日落开发了3种不同的颜色集
在页面加载时，默认值是day，但是只要setPrimary()放置适当的类，其余的样式就会跟随它
Stack Overflow用户
发布于 2018-11-11 00:06:23
我无法使用Angular CLI和Bootstrap 4SCSS解决这个问题。我尝试将项目配置为编译2个惰性包，这是可行的，但我不能有2个dark.scss和light.scss的scss文件，每个文件都包含相同的变量和不同的值，1个导致暗包，一个导致轻包。我最终得到的是一个scss源码，包含了深色和浅色的变量和样式，编译成2个包，其中dark.scss和light.scss包含每个特定样式的css覆盖。无论如何，感谢各位的建议！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53077314
复制相关文章
相似问题
腾讯云开发者
