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

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

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

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

相关文章

VMware中为CentOS设置固定IP
很多用户想体验Win10,不过又不想把当前电脑系统换成Win10,...
MAC OS操作系统一般来说只能在苹果设备上安装运行,小编发现...
vmware player是一款能够让我们在Windows10系统中运行别的...
虚拟机在测试和实验系统上有着很大的帮助,很多用户也喜欢...
最近使用Win10系统的用户反应vmware workstation 运行失败的...