color border in table contextual classes

2 files changed, 12 insertions, 0 deletions

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index c92bd7f36..37e89e3d6 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -1080,36 +1080,42 @@ table th[class^="span"] {
 .table > tbody > tr > th.success,
 .table > tbody > tr.success > td {
   background-color: #dff0d8;
+  border-color: #d6e9c6;
 }
 
 .table > tbody > tr > td.error,
 .table > tbody > tr > th.error,
 .table > tbody > tr.error > td {
   background-color: #f2dede;
+  border-color: #eed3d7;
 }
 
 .table > tbody > tr > td.warning,
 .table > tbody > tr > th.warning,
 .table > tbody > tr.warning > td {
   background-color: #fcf8e3;
+  border-color: #fbeed5;
 }
 
 .table-hover > tbody > tr > td.success:hover,
 .table-hover > tbody > tr > th.success:hover,
 .table-hover > tbody > tr.success:hover > td {
   background-color: #d0e9c6;
+  border-color: #c9e2b3;
 }
 
 .table-hover > tbody > tr > td.error:hover,
 .table-hover > tbody > tr > th.error:hover,
 .table-hover > tbody > tr.error:hover > td {
   background-color: #ebcccc;
+  border-color: #e6c1c7;
 }
 
 .table-hover > tbody > tr > td.warning:hover,
 .table-hover > tbody > tr > th.warning:hover,
 .table-hover > tbody > tr.warning:hover > td {
   background-color: #faf2cc;
+  border-color: #f8e5be;
 }
 
 form {
diff --git a/less/tables.less b/less/tables.less
index 8d7a7e381..b3045bf07 100644
--- a/less/tables.less
+++ b/less/tables.less
@@ -198,16 +198,19 @@ table th[class^="span"] {
   > th.success,
   &.success > td {
     background-color: @state-success-background;
+    border-color: @state-success-border;
   }
   > td.error,
   > th.error,
   &.error > td {
     background-color: @state-error-background;
+    border-color: @state-error-border;
   }
   > td.warning,
   > th.warning,
   &.warning > td {
     background-color: @state-warning-background;
+    border-color: @state-warning-border;
   }
 }
 
@@ -217,15 +220,18 @@ table th[class^="span"] {
   > th.success:hover,
   &.success:hover > td {
     background-color: darken(@state-success-background, 5%);
+    border-color: darken(@state-success-border, 5%);
   }
   > td.error:hover,
   > th.error:hover,
   &.error:hover > td {
     background-color: darken(@state-error-background, 5%);
+    border-color: darken(@state-error-border, 5%);
   }
   > td.warning:hover,
   > th.warning:hover,
   &.warning:hover > td {
     background-color: darken(@state-warning-background, 5%);
+    border-color: darken(@state-warning-border, 5%);
   }
 }