Fixes #8586: add addional color text classes to apply all of branch colors easily

css.html

@@ -539,15 +539,19 @@ lead: "Global CSS settings, fundamental HTML elements styled and enhanced with e
     <p>Convey meaning through color with a handful of emphasis utility classes.</p>
     <div class="bs-example">
       <p class="text-muted">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
+      <p class="text-primary">Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
       <p class="text-warning">Etiam porta sem malesuada magna mollis euismod.</p>
       <p class="text-danger">Donec ullamcorper nulla non metus auctor fringilla.</p>
       <p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
+      <p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
     </div>
 {% highlight html %}
 <p class="text-muted">...</p>
+<p class="text-primary">...</p>
 <p class="text-warning">...</p>
 <p class="text-danger">...</p>
 <p class="text-success">...</p>
+<p class="text-info">...</p>
 {% endhighlight %}
 
 

dist/css/bootstrap.css

@@ -379,36 +379,24 @@ cite {
   color: #999999;
 }
 
-a.text-muted:hover,
-a.text-muted:focus {
-  color: #808080;
+.text-primary {
+  color: #428bca;
 }
 
 .text-warning {
   color: #c09853;
 }
 
-a.text-warning:hover,
-a.text-warning:focus {
-  color: #a47e3c;
-}
-
 .text-danger {
   color: #b94a48;
 }
 
-a.text-danger:hover,
-a.text-danger:focus {
-  color: #953b39;
-}
-
 .text-success {
   color: #468847;
 }
 
-a.text-success:hover,
-a.text-success:focus {
-  color: #356635;
+.text-info {
+  color: #3a87ad;
 }
 
 .text-left {

less/type.less

@@ -23,25 +23,18 @@ p {
 // Ex: 14px base font * 85% = about 12px
 small   { font-size: 85%; }
 
+// Undo browser default styling
 cite    { font-style: normal; }
 
-// Utility classes
+// Contextual emphasis
 .text-muted          { color: @gray-light; }
-a.text-muted:hover,
-a.text-muted:focus   { color: darken(@gray-light, 10%); }
-
+.text-primary        { color: @brand-primary; }
 .text-warning        { color: @state-warning-text; }
-a.text-warning:hover,
-a.text-warning:focus { color: darken(@state-warning-text, 10%); }
-
 .text-danger         { color: @state-danger-text; }
-a.text-danger:hover,
-a.text-danger:focus  { color: darken(@state-danger-text, 10%); }
-
 .text-success        { color: @state-success-text; }
-a.text-success:hover,
-a.text-success:focus { color: darken(@state-success-text, 10%); }
+.text-info           { color: @state-info-text; }
 
+// Alignment
 .text-left           { text-align: left; }
 .text-right          { text-align: right; }
 .text-center         { text-align: center; }