diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 2c8dc619aa5cf8f99e86aeeabeb998dbff6ecf33..27e532f5836a8362e84dabd680d856a6e7327439 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -4120,8 +4120,8 @@ button.close {
 .pager li > span {
   display: inline-block;
   padding: 5px 14px;
-  background-color: #fff;
-  border: 1px solid #ddd;
+  background-color: #ffffff;
+  border: 1px solid #dddddd;
   border-radius: 15px;
 }
 
diff --git a/less/pager.less b/less/pager.less
index e9f7d98e7991aa039f321e64cd530010a3de8df6..e00a31bd00291cc2356ca7cbbe2ed880fcaba536 100644
--- a/less/pager.less
+++ b/less/pager.less
@@ -16,14 +16,14 @@
 .pager li > span {
   display: inline-block;
   padding: 5px 14px;
-  background-color: #fff;
-  border: 1px solid #ddd;
+  background-color: @pagination-bg;
+  border: 1px solid @pagination-border;
   border-radius: 15px;
 }
 .pager li > a:hover,
 .pager li > a:focus {
   text-decoration: none;
-  background-color: #f5f5f5;
+  background-color: @pagination-active-bg;
 }
 .pager .next > a,
 .pager .next > span {
diff --git a/less/pagination.less b/less/pagination.less
index 5292197973d4fb6bba0573b4232aa266501c3656..c2158cef0bd0d841e978d82b1bae399fb2fd4095 100644
--- a/less/pagination.less
+++ b/less/pagination.less
@@ -23,7 +23,7 @@
 .pagination > li > a:focus,
 .pagination > .active > a,
 .pagination > .active > span {
-  background-color: @pagination-bg-active;
+  background-color: @pagination-active-bg;
 }
 .pagination > .active > a,
 .pagination > .active > span {
diff --git a/less/variables.less b/less/variables.less
index e901e70c05bf633df6ec606896a352836c42c68c..a6cdce5cc1c0d330d325390061f8b52c0bf3a756 100644
--- a/less/variables.less
+++ b/less/variables.less
@@ -223,8 +223,8 @@
 // -------------------------
 
 @pagination-bg:                        #fff;
-@pagination-bg-active:                 #f5f5f5;
 @pagination-border:                    #ddd;
+@pagination-active-bg:                 #f5f5f5;
 
 
 // Jumbotron