diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 92ea234b3dcfeca9fe86f40d296a1515a36caf2a..7a73f6c680fac07b88211b8089fa09928bc69593 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -618,18 +618,34 @@ cite {
   color: #c09853;
 }
 
+.text-warning:hover {
+  color: #a47e3c;
+}
+
 .text-error {
   color: #b94a48;
 }
 
+.text-error:hover {
+  color: #953b39;
+}
+
 .text-info {
   color: #3a87ad;
 }
 
+.text-info:hover {
+  color: #2d6987;
+}
+
 .text-success {
   color: #468847;
 }
 
+.text-success:hover {
+  color: #356635;
+}
+
 h1,
 h2,
 h3,
diff --git a/less/type.less b/less/type.less
index 2e0f386eef6b9b901484b6a1cccdc0eefced820c..78ccb811921532e917e01b21a9d3792eebf6de8d 100644
--- a/less/type.less
+++ b/less/type.less
@@ -39,15 +39,27 @@ cite {
 }
 .text-warning {
   color: @warningText;
+  &:hover {
+    color: darken(@warningText, 10%);
+  }
 }
 .text-error {
   color: @errorText;
+  &:hover {
+    color: darken(@errorText, 10%);
+  }
 }
 .text-info {
   color: @infoText;
+  &:hover {
+    color: darken(@infoText, 10%);
+  }
 }
 .text-success {
   color: @successText;
+  &:hover {
+    color: darken(@successText, 10%);
+  }
 }