Transparent navbar [v1] vue

Questions
1

this is in my app.vue

<template>
    <f7-page >
    <f7-navbar theme="black"   
    .....
                   

    <style>
    .navbar.theme-black {
       background: #00000000 ;  //transparent
    }

</style>

when working with npm run dev the navbar is transparent. but after npm run build then running in cordova the style not applied it still black navbar , i checked in css inspector .navbar has default f7 class

how to sollve this

ftdarsul
ftdarsul.PNG347×623 122 KB

2

@nolimits4web could you pls look into this issue, im not able get this worked

3

Check you package.json to see what these tasks do

4 
"scripts": {
"dev": "node build/dev-server.js",
"build": "node build/build.js",
"lint": "eslint --ext .js,.vue src"

},

yes this is in package.json, should i change anything ?

5 
.navbar{
       background: #00000000  !important;   
}

even did not work,
i had to remove the css entry from framework7.css to get it worked