Vmware Clarity 0.10.16 刚刚发布了新的深色主题。这很棒!
他们描述了如何添加新主题,但没有描述在页面内动态更改它的可能性。是因为不可行吗?
如果是的话,我该如何使用 Angular 4+ 来做到这一点?有什么网站可以帮助我解释如何实现这一点吗?
提前致谢!
Clarity 现在附带浅色和深色主题的样式表。我们记录了如何使用它们here https://vmware.github.io/clarity/documentation/themes#examples既angular-cli
or webpack
构建配置。这意味着一旦应用程序构建完成,这就是它唯一的风格。
我对如何实现主题切换器以在两者之间切换有一些想法。这是我可以开始我的原型的一个粗略想法:
- 构建应用程序时不使用任何一个主题 css 文件(根本没有清晰的样式)
- 将两个 css 文件复制到资产文件夹(在构建期间)
- 编写一个可以接受的指令或组件
@Input
样式表的 src<head>
- 存储两个路径
/path/to/light.css
and /path/to/dark.css
在服务中,以便应用程序可以传递活动主题值并在需要时对其进行修改。
- 将服务添加到我们希望用户更新主题的应用程序组件中。
这会给您的应用带来一些想法吗?
原型工作完成后,我将在此处进行更新,以便您可以看到它的运行情况并找到源代码。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)