Как изменить цвет вкладок Highlight в ионном - PullRequest
Новая
       29

Как изменить цвет вкладок Highlight в ионном

0 голосов
/ 05 июня 2018

У меня есть iontabs, и я хочу изменить подсветку, когда она активна

Вот код HTML: 

<ion-tabs mode="md" tabsPlacement="top" tabsHighlight="true" tabsLayout="icon-start">
    <ion-tab [root]="tab1Root" tabBadge="" tabBadgeStyle="" tabTitle="TODAY" tabIcon="ios-star" ></ion-tab>
</ion-tabs>

и вот мой код CSS (я мог изменить толькоцвет текста и значка): 

$tabs-md-tab-text-color-active: #000;
$tabs-md-tab-icon-color-active: #000;
$tabs-md-tab-highlight-color-active: #000;

Ответы [ 2 ]

0 голосов
/ 05 июня 2018

Цвета вкладок можно изменить с помощью переменных Sass.См. Приложение для конференции для примера темы:

https://github.com/driftyco/ionic-conference-app/tree/master/src/theme

0 голосов
/ 05 июня 2018

К сожалению, переопределяющая ионная переменная для выделения табуляции (из https://ionicframework.com/docs/theming/overriding-ionic-variables/) не работает.

здесь также есть тема, касающаяся изменения цвета фона активной вкладки: https://forum.ionicframework.com/t/changing-tab-color-in-ionic/39457/15

Вы можете добавить это в свой app.scss вместо 

.tabs-md .tab-button[aria-selected=true] {
  background: #000;
}
...