title: Change text color of a dropdown menu in bootstrap-vue
body: <p>I'm creating a website and using boostrap-vue to add a navbar to the top of the screen. The right side of the navbar will contain a dropdown menu titled "Lang". I would like the "Lang" text to be black. The text is currently white, and I cannot find a way to change it. </p>
  
  <p>I've tried the following css code which changes the color of my navbar items, but the "Lang" remains the same white/gray color. </p>
  
  <pre class="lang-css prettyprint-override"><code>.dropdown {
  color: #000!important; 
  }
  
  .navbar-dark .navbar-nav .nav-link {
      color: #000!important;
  }
  </code></pre>
  
  <p>This is the code for my navbar: </p>
  
  <pre class="lang-html prettyprint-override"><code>    &lt;b-navbar class="w-50 mx-auto" toggleable="lg" type="dark" variant="info" :sticky="true" bg-foobar&gt;
      &lt;!--&lt;b-navbar-brand href="#"&gt;NavBar&lt;/b-navbar-brand&gt;--&gt;
      &lt;b-img :src="require('../assets/BlueLogoPNG.png')" class="logo"&gt;&lt;/b-img&gt;
  
      &lt;b-navbar-toggle target="nav-collapse"&gt;&lt;/b-navbar-toggle&gt;
  
      &lt;b-collapse id="nav-collapse" is-nav&gt;
        &lt;b-navbar-nav class="ml-auto" &gt;
          &lt;b-nav-item href=""&gt;&lt;b&gt;Planet Pluto&lt;/b&gt;&lt;/b-nav-item&gt;
          &lt;b-nav-item href="#"&gt;&lt;b&gt;About Us&lt;/b&gt;&lt;/b-nav-item&gt;
          &lt;b-nav-item href=""&gt;&lt;b&gt;Support&lt;/b&gt;&lt;/b-nav-item&gt;
          &lt;b-nav-item href="#"&gt;&lt;b&gt;Credits&lt;/b&gt;&lt;/b-nav-item&gt;
        &lt;/b-navbar-nav&gt;
  
        &lt;!-- Right aligned nav items--&gt;
        &lt;b-navbar-nav class="ml-auto"&gt;
  
          &lt;b-nav-item-dropdown toggle-class="nav-link-custom" text="Lang" right&gt;
            &lt;b-dropdown-item href="#"&gt;EN&lt;/b-dropdown-item&gt;
            &lt;b-dropdown-item href="#"&gt;ES&lt;/b-dropdown-item&gt;
            &lt;b-dropdown-item href="#"&gt;RU&lt;/b-dropdown-item&gt;
            &lt;b-dropdown-item href="#"&gt;FA&lt;/b-dropdown-item&gt;
          &lt;/b-nav-item-dropdown&gt;
  
        &lt;/b-navbar-nav&gt;
      &lt;/b-collapse&gt;
    &lt;/b-navbar&gt;
      &lt;BNav/&gt;
  
    &lt;/div&gt;
  </code></pre>
  
  <p>I can control the background-color via the .dropdown class, but not the color. The Lang text needs to be color code #000. </p>
  
  <p>The devtools show that the text color is being controlled via the .navbar-dark .navbar-nav .nav-link classes. Adding color:#000!important from the google chrome dev tools produces the desired result. Adding this to the source code will change the color for all navbar items except for my dropdown. </p>
  
  <p>How can I change the text color of my Lang dropdown menu to black?</p>