单一离子2应用程序创建多个主题

Question

目前，我们正在从一个自制的框架迁移混合应用到离子2.在旧的应用程序，我们有这样的编译成包含不同主题，分别适用于一个燎css文件多青菜文件通过切换一个类的身体（如“.skin红色”）的应用程序。

有没有办法实现这个与$ varaiables离子地图或将我要创建多个样式文件中使用自定义的书面任务，并与JS代码更改使用CSS文件在运行时？ （我宁愿不做）

Answer 1

关注这个User-Selected Style Themes in an Ionic 2 Application教程。

或者您可以设置使用TS变量和更新颜色哈希代码运行时的所有颜色。

HTML：

<ion-header> 
     <ion-toolbar color="primary" [style.background]="headerBackground"> 
      <ion-title> 
      </ion-title> 
     </ion-toolbar> 
</ion-header> 

TS：

public headerBackground = '#ddd'; 

应共享变量。