How to change Navbar color?

<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"
<Navbar color="red" >

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

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

Use CSS variables to customise Navbar appearance