ионное обновление navbar css

Question

Есть ли простой способ изменить цвет фона ионной навигационной панели? Я пробовал следующее, который при проверке, кажется, устанавливает цвет фона, но он никогда не показывает (не перезаписывается)

ion-navbar {
    background-color: #525B92;
}

Я также пытался изменить цвет текста, но он также не отображается. Я пробовал CSS в файле страниц .scss и в файле app.scss.

Answer 1

Вы можете изменить цвет фона панели навигации на

Один из способов это стиль .toolbar-background

.toolbar-background {
    background-color: #525B92;
}

Другой переопределяет в variable.scss

$toolbar-md-background: #525B92;
$toolbar-ios-background: #525B92;

Другой находится в html файле

<ion-navbar color="primary"></ion-navbar>
<!-- or whatever color you made in variable.scss -->