如何像 Theming.css 一样使用 Theme.css

编程问答 2022-05-23

问题描述

你好，

我联系你是因为我已经阅读了很多关于我的主题的教程和主题，但我不明白......

上下文：

我在一个项目中使用了 angular，并且我在 theming.css 中根据自己的喜好定义了每个元素。 在浏览它时，我设法理解了如何修改元素：

  1. 创造适合我的颜色

    在 $mat-light-theme-background: ( 悬停：白色， );

所以深色主题也是一样的

in $mat-dark-theme-background: (
    hover: black,);

  1. 创建 mixin（示例）并在我的 mixin 中添加颜色

    mixin item($config-or-theme) { $config: mat-get-color-config($config-or-theme); $background: map-get($config,background); $foreground: map-get($config,foreground); .item:hover { background: mat-color($background,"hover"); } }

  2. 应用混入

    @include itemGroup($theme-or-color-config);

多亏了这种方法，我真的可以调制所有东西。

除了这种用法是非常规的，并且在每次 npm 安装时，它都被重置为零。

我阅读了很多关于这些主题的文章，但我不明白如何使用，并且具有相同的模块化（访问任何标签，如 :hover 等）。

您是否有解决我的问题的搜索线索，并使用好的方法进行角度开发？

感谢您花时间阅读我的问题，

祝你有美好的一天。 此致， 年历

编辑 1：我使用了 mat-light-theme 背景和前景。 我重做了它们并在 theme.scss 中实现了它们。 我可以使用白色主题，但不能使用深色主题。 感谢 create-wonky-theme 教程，我取得了进步

编辑2：

我对 Angular 非常感兴趣。 目前，我只找到一个解决我的问题的方法，在每个组件检查我通过订阅获得的主题的值，并根据获得的值显示视觉。

但是这个方法让我很恼火，我真的很想做和theming.scss一样的方案。 在主题中，您可以使用 mixins 定义每个元素，这允许没有相等的通用性。 这是我想用颜色系统重现的效果：$mat-light-theme-background,$mat-light-theme-foreground。

应该没有那么复杂，因为_theming是在theme.scss中导入的，我肯定会错过一些东西，但我必须接近。

我找不到和我逻辑相同的例子，这让我感到害怕。 确实，我希望我的方法论没有弄错，因为我仍然坚持这个想法。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angularangularangular-materialangularjsthemestheming