How to change Navbar color?

Questions
1 
<Navbar bgColor="red" >
<Navbar colorTheme="red" >

<List colorTheme="orange">

the above code does not seem to be working
any help

"dependencies": {
    "dom7": "^2.1.5",
    "framework7": "^5.7.10",
    "framework7-icons": "^3.0.1",
    "framework7-svelte": "^5.7.10",
    "svelte": "^3.24.0",
    "template7": "^1.4.2"
  },
2 
<Navbar color="red" >
3

its changing the text color on the Navbar
I want to change the background color, not text color, and the above not working as described in the doc

image
image1179×540 36.3 KB

4

Check your HTML layout if you use the old one you need to update.

5

Use CSS variables to customise Navbar appearance https://framework7.io/docs/navbar.html#css-variables