angular – 如何使用vmware清晰度动态切换主题

发布时间：2020-12-17 17:34:03 所属栏目：安全来源：网络整理

导读：Vmware Clarity 0.10.16刚刚发布了新的黑暗主题.这很棒！他们描述了如何添加新主题,但没有关于在页面内动态更改它的可能性.是因为它不可行吗？如果是,我怎么能用Angular 4做呢？任何可以帮我解释如何实现的网站？提前致谢！解决方法 Clarity现在附带了明

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存储在服务中,以便应用程序可以传递活动主题值并在需要时进行修改.
>将服务添加到我们希望用户更新主题的应用程序组件中.

这会为您的应用提供一些想法吗？

我有一个原型工作后我会在这里更新,所以你可以看到它的实际运行并找到源代码.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!