Vmware Clarity 0.10.16刚刚发布了新的黑暗主题.这很棒!
他们描述了如何添加新主题,但没有关于在页面内动态更改它的可能性.是因为它不可行吗?
如果是,我怎么能用Angular 4做呢?任何可以帮我解释如何实现的网站?
提前致谢!
解决方法
Clarity现在附带了明暗主题的样式表.我们记录了如何使用angular-cli或webpack构建配置来使用它们
here.这意味着一旦构建了应用程序,这只是它的风格.
我有一些关于如何实现主题切换器以在两者之间切换的想法.这是一个粗略的想法,我可能会开始我的原型:
>在没有任何主题css文件的情况下构建应用程序(根本没有清晰的风格)
>将两个css文件复制到assets文件夹(在构建期间)
>编写一个指令或组件,可以在< head>中为样式表获取src的@Input.
>将两个路径/path/to/light.css和/path/to/dark.css存储在服务中,以便应用程序可以传递活动主题值并在需要时进行修改.
>将服务添加到我们希望用户更新主题的应用程序组件中.
这会为您的应用提供一些想法吗?