Navbar color CSS variable doesn't work with iOS theme

I have an F7 app with iOS theme only, so :

var app = new Framework7({
    root: '#app',
    theme: 'ios'

And I want to change the color of the navbar.

:root {
   --f7-navbar-bg-color: red;

It works well with MD theme but it doesn’t change anything with iOS theme. What I am missing ?

Цвет задается другой переменной

The variable --f7-navbar-bg-color should work:

Maybe you’ve add it before the Framework7 CSS, so it gets overwritten?

1 Like

If you have enabled iosTranslucentBars then iOS theme uses another var: --f7-navbar-bg-color-rgb

1 Like

That was it, thank you very much