title: Change background color to navbar in bootstrap-vuejs
body: <p>According with the <a href="https://bootstrap-vue.js.org/docs/components/navbar/" rel="nofollow noreferrer">documentation</a>, the styles for the navigation bar can be set as follows:</p>
  
  <pre><code>&lt;b-navbar toggleable="lg" type="dark" variant="info"&gt;
  &lt;!-- Or --&gt;
  &lt;b-navbar toggleable="lg" type="dark" variant="dark"&gt;
  </code></pre>
  
  <p>Anyway, just by changing the <code>type</code> and <code>variant</code> props. I want however to set a custom background color like <code>#AABB55</code>. I cannot find an easy way to do it.</p>
  
  <p>Furthermore, when you see the documentation and the <a href="https://github.com/bootstrap-vue/bootstrap-vue/blob/dev/src/components/navbar/navbar.js" rel="nofollow noreferrer">source code</a>, you don't have many options.</p>
  
  <p>Is there a way to change this property without needing to touch the <code>&lt;b-navbar&gt;</code> code?</p>