swithing theme color in ionic

Question

Я использую королевский цвет для всех моих вкладок/nav-view. У меня есть вкладка настроек, которая позволит пользователю переключать цвет темы, выбирая один из переключателей. Например, если пользователь выбирает темную тему, все цвета табуляции будут переключаться в темное. Как я могу это сделать?

<ion-view view-title="Setting"> 

<ion-content > 

    <h3 class="background-color:royal; padding">App Color</h3> 
    <ion-list> 
    <ion-radio class="royal"name="group" value="b1"> 
    Purple 
    <i class="radio-icon ion-checkmark"></i> 
    </ion-radio> 
    <ion-radio class="dark" name="group" value="b2"> 
     Dark 
     <i class="radio-icon ion-checkmark"></i> 
    </ion-radio> 
    <ion-radio class="calm" name="group" value="b3"> 
     Light 
<i class="radio-icon ion-checkmark"></i> 
    </ion-radio> 
    </ion-list> 
     </ion-content> 
    </ion-view> 

Вам поможет помощь. Я разместил это на ионном форуме, но я не ответил.

Answer 1

Сохранить выбранную тему в локальном хранилище и использование нг-классе динамически Применить стиль

$scope.themeChange = function (theme) { 
     // save theme locally 
     $window.localStorage.appTheme = theme; 
} 

<ion-header-bar ng-class="'bar-' + appTheme"> 
     <h1 class="title">Ionic - Switch Themes</h1> 
</ion-header-bar>