Fixes #11268: Account for badges within buttons by matching background to text color and text color to background

components.html

@@ -2697,6 +2697,10 @@ body { padding-bottom: 70px; }
           </a>
         </li>
       </ul>
+      <br>
+      <button class="btn btn-primary" type="button">
+        Messages <span class="badge">4</span>
+      </button>
     </div>
 {% highlight html %}
 <ul class="nav nav-pills nav-stacked">