diff --git a/html/css/dark.css b/html/css/dark.css
index d30257d0e..09ebc4856 100644
--- a/html/css/dark.css
+++ b/html/css/dark.css
@@ -31,7 +31,7 @@
 }
 
 .pace .pace-progress {
-  background: #d9edf7;
+  background: #e30613;
   position: fixed;
   z-index: 2000;
   top: 0;
@@ -46,7 +46,7 @@
   right: 0px;
   width: 100px;
   height: 100%;
-  box-shadow: 0 0 10px #d9edf7, 0 0 5px #d9edf7;
+  box-shadow: 0 0 10px #e30613, 0 0 5px #e30613;
   opacity: 1.0;
   -webkit-transform: rotate(3deg) translate(0px, -4px);
   -moz-transform: rotate(3deg) translate(0px, -4px);
@@ -64,8 +64,8 @@
   width: 20px;
   height: 20px;
   border: solid 2px transparent;
-  border-top-color: #29d;
-  border-left-color: #29d;
+  border-top-color: #e30613;
+  border-left-color: #e30613;
   border-radius: 10px;
   -webkit-animation: pace-spinner 400ms linear infinite;
   -moz-animation: pace-spinner 400ms linear infinite;
diff --git a/html/css/mono.css b/html/css/mono.css
index 4abf58977..f96590e4b 100644
--- a/html/css/mono.css
+++ b/html/css/mono.css
@@ -31,7 +31,7 @@
 }
 
 .pace .pace-progress {
-  background: #d9edf7;
+  background: #fff;
   position: fixed;
   z-index: 2000;
   top: 0;
@@ -46,7 +46,7 @@
   right: 0px;
   width: 100px;
   height: 100%;
-  box-shadow: 0 0 10px #d9edf7, 0 0 5px #d9edf7;
+  box-shadow: 0 0 10px #d6cdbe, 0 0 5px #d6cdbe;
   opacity: 1.0;
   -webkit-transform: rotate(3deg) translate(0px, -4px);
   -moz-transform: rotate(3deg) translate(0px, -4px);
@@ -64,8 +64,8 @@
   width: 20px;
   height: 20px;
   border: solid 2px transparent;
-  border-top-color: #29d;
-  border-left-color: #29d;
+  border-top-color: #9a968f;
+  border-left-color: #9a968f;
   border-radius: 10px;
   -webkit-animation: pace-spinner 400ms linear infinite;
   -moz-animation: pace-spinner 400ms linear infinite;