Изменение цвета Ionic Navbar с помощью ионной вкладки

Я использую Ионные директивы, созданные Ионным Создателем. Наверху у нас есть стандартные значки навигации и вкладки навигации внизу. Каждый значок имеет определенный цвет, и я хочу, чтобы навигационная панель соответствовала цвету при нажатии.

<ion-nav-bar class="bar-{{$root.color}}">

При запуске on-select я попытался установить $ scope.color, $ rootScope.color и даже создал функцию, возвращающую значение $ rootScope.color.

<ion-tab title="Reps" icon="ion-person-stalker balanced" on-select="headerColor('balanced')">

С помощью приведенного выше кода css изменяется в инспекторе, но новый цвет никогда не применяется или не отображается. Кто-нибудь знает, как это работает? Я также пытался использовать $ scope. $ Apply(), но это просто порождает ошибки, так как работают другие $ digests.

Здесь ссылка на приложение https://irthos.github.io/medviz-admin/#/labs

Здесь index.html с кодом https://github.com/irthos/medviz-admin/blob/master/www/index.html

Благодарю!