Navbar color CSS variable doesn't work with iOS theme

Questions
1

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 ?

2

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

3

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

Schermafbeelding 2020-06-08 om 15.34.31
Schermafbeelding 2020-06-08 om 15.34.312778×1256 795 KB

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

1 Like
4

If you have enabled iosTranslucentBars then iOS theme uses another var: --f7-navbar-bg-color-rgb https://framework7.io/docs/navbar.html#css-variables

1 Like
5

That was it, thank you very much