聚合物在运行时更改自定义样式变量

tn4foxxah

我有一个应用程序,我想在运行时更改整个主题。我在自定义样式标签中定义了原色,如下所示:

<style is="custom-style">
  /* Application theme */
  :root {
    --dark-primary-color: #3b280a;
    --default-primary-color: #FDB815;
    --light-primary-color: #fdd85f;
  }
</style>

以后是否可以为这些变量应用其他值?我尝试通过附加添加新的自定义样式文件

<link rel="import" href="../styles/other-style.html">

到头部,但这是行不通的。我认为聚合物起初会解释这一点,对吗?我现在正在考虑完全不使用自定义样式,而是将整个应用程序包装在一个可以设置变量样式的元素中,但这似乎需要大量工作,也许有人有更好的主意吗?

最大化播放

您可以手动执行

 this.customStyle['--my-toolbar-color'] = 'blue';
    this.updateStyles();

参见文档部分

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在运行时更改自定义视图颜色?

C#在运行时更改自定义连接字符串

聚合物2,从父级更改自定义元素中的CSS

在运行时更改Django中的自定义设置变量

在Swift中运行时更改自定义UIView

更改自定义listview单击的项目运行时间的文本颜色

具有定义的帧约束的自定义Xib在运行时更改

在运行时使用自定义变量查找数据源

带有自定义图像和文本在运行时更改的 RadioButton

在运行时导出自定义EditorFormatDefinition

可以在运行时自定义FilterProvider吗?

聚合物自定义元素将不会样式化

在运行时更改自动版式

在运行时更改自动装配对象

聚合物:自定义过滤器

样式仅在具有布局属性的元素内应用于自定义聚合物元素的样式

文字类样式不更改自定义样式

自定义元素模板中的聚合物 3 自定义元素

如何在运行时自定义XML中定义的自定义可绘制对象?

聚合物查询选择器无法在聚合物元素中找到自定义聚合物元素

春天 - 在运行时获得豆与自定义的限定

C#-使用自定义配置在运行时编译c#代码

在运行时以自定义方式对(De-)Serialize Bean

在运行时调用自定义方法进行表单验证

在.NET中在运行时合并自定义配置节

自定义混合任务在运行时不会触发编译

配置log4j以在运行时登录到自定义文件

根据控件的可见性在运行时自定义动态布局

在运行时错误 Delphi 中创建自定义 TPanel