diff --git a/themes/blue/pace-theme-simple-rounded-on-black.css b/themes/blue/pace-theme-simple-rounded-on-black.css
new file mode 100644
index 00000000..fd036333
--- /dev/null
+++ b/themes/blue/pace-theme-simple-rounded-on-black.css
@@ -0,0 +1,55 @@
+.pace {
+  padding:10px;
+  opacity:0.8;
+  -webkit-pointer-events: none;
+  pointer-events: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  padding:5px;
+  z-index: 2000;
+  position: fixed;
+  margin: auto;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 45px;
+  width: 400px;
+  background: #000;
+  border: 2px solid #000;
+  border-radius:10px;
+}
+
+.pace .pace-progress {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  box-sizing: border-box;
+ 
+  -webkit-transition: width 1s ease-in-out 1s linear;
+  -moz-transition: width 1s ease-in-out 1s linear;
+  -ms-transition: width 1s ease-in-out 1s linear;
+  -o-transition: width 1s ease-in-out 1s linear;
+  transition: width 1s ease-in-out 1s linear;
+
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  -ms-transform: translate3d(0, 0, 0);
+  -o-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+
+  max-width: 400px;
+  position: fixed;
+  z-index: 2000;
+  display: block;
+  position: absolute;
+  height: 45px;
+  background: blue;
+  border-radius:7px
+}
+
+.pace.pace-inactive {
+  display: none;
+}
diff --git a/themes/green/pace-theme-simple-rounded-on-black.css b/themes/green/pace-theme-simple-rounded-on-black.css
new file mode 100644
index 00000000..b83943bf
--- /dev/null
+++ b/themes/green/pace-theme-simple-rounded-on-black.css
@@ -0,0 +1,55 @@
+.pace {
+  padding:10px;
+  opacity:0.8;
+  -webkit-pointer-events: none;
+  pointer-events: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  padding:5px;
+  z-index: 2000;
+  position: fixed;
+  margin: auto;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 45px;
+  width: 400px;
+  background: #000;
+  border: 2px solid #000;
+  border-radius:10px;
+}
+
+.pace .pace-progress {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  box-sizing: border-box;
+
+  -webkit-transition: width 1s ease-in-out 1s linear;
+  -moz-transition: width 1s ease-in-out 1s linear;
+  -ms-transition: width 1s ease-in-out 1s linear;
+  -o-transition: width 1s ease-in-out 1s linear;
+  transition: width 1s ease-in-out 1s linear;
+
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  -ms-transform: translate3d(0, 0, 0);
+  -o-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+
+  max-width: 400px;
+  position: fixed;
+  z-index: 2000;
+  display: block;
+  position: absolute;
+  height: 45px;
+  background: green;
+  border-radius:7px
+}
+
+.pace.pace-inactive {
+  display: none;
+}
diff --git a/themes/orange/pace-theme-simple-rounded-on-black.css b/themes/orange/pace-theme-simple-rounded-on-black.css
new file mode 100644
index 00000000..b81d739a
--- /dev/null
+++ b/themes/orange/pace-theme-simple-rounded-on-black.css
@@ -0,0 +1,55 @@
+.pace {
+  padding:10px;
+  opacity:0.8;
+  -webkit-pointer-events: none;
+  pointer-events: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  padding:5px;
+  z-index: 2000;
+  position: fixed;
+  margin: auto;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 45px;
+  width: 400px;
+  background: #000;
+  border: 2px solid #000;
+  border-radius:10px;
+}
+
+.pace .pace-progress {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  box-sizing: border-box;
+
+  -webkit-transition: width 1s ease-in-out 1s linear;
+  -moz-transition: width 1s ease-in-out 1s linear;
+  -ms-transition: width 1s ease-in-out 1s linear;
+  -o-transition: width 1s ease-in-out 1s linear;
+  transition: width 1s ease-in-out 1s linear;
+
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  -ms-transform: translate3d(0, 0, 0);
+  -o-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+
+  max-width: 400px;
+  position: fixed;
+  z-index: 2000;
+  display: block;
+  position: absolute;
+  height: 45px;
+  background: orange;
+  border-radius:7px
+}
+
+.pace.pace-inactive {
+  display: none;
+}
diff --git a/themes/pink/pace-theme-simple-rounded-on-black.css b/themes/pink/pace-theme-simple-rounded-on-black.css
new file mode 100644
index 00000000..b3a6fd9d
--- /dev/null
+++ b/themes/pink/pace-theme-simple-rounded-on-black.css
@@ -0,0 +1,55 @@
+.pace {
+  padding:10px;
+  opacity:0.8;
+  -webkit-pointer-events: none;
+  pointer-events: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  padding:5px;
+  z-index: 2000;
+  position: fixed;
+  margin: auto;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 45px;
+  width: 400px;
+  background: #000;
+  border: 2px solid #000;
+  border-radius:10px;
+}
+
+.pace .pace-progress {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  box-sizing: border-box;
+
+  -webkit-transition: width 1s ease-in-out 1s linear;
+  -moz-transition: width 1s ease-in-out 1s linear;
+  -ms-transition: width 1s ease-in-out 1s linear;
+  -o-transition: width 1s ease-in-out 1s linear;
+  transition: width 1s ease-in-out 1s linear;
+
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  -ms-transform: translate3d(0, 0, 0);
+  -o-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+
+  max-width: 400px;
+  position: fixed;
+  z-index: 2000;
+  display: block;
+  position: absolute;
+  height: 45px;
+  background: pink;
+  border-radius:7px
+}
+
+.pace.pace-inactive {
+  display: none;
+}
diff --git a/themes/purple/pace-theme-simple-rounded-on-black.css b/themes/purple/pace-theme-simple-rounded-on-black.css
new file mode 100644
index 00000000..fa1f9cdc
--- /dev/null
+++ b/themes/purple/pace-theme-simple-rounded-on-black.css
@@ -0,0 +1,55 @@
+.pace {
+  padding:10px;
+  opacity:0.8;
+  -webkit-pointer-events: none;
+  pointer-events: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  padding:5px;
+  z-index: 2000;
+  position: fixed;
+  margin: auto;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 45px;
+  width: 400px;
+  background: #000;
+  border: 2px solid #000;
+  border-radius:10px;
+}
+
+.pace .pace-progress {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  box-sizing: border-box;
+
+  -webkit-transition: width 1s ease-in-out 1s linear;
+  -moz-transition: width 1s ease-in-out 1s linear;
+  -ms-transition: width 1s ease-in-out 1s linear;
+  -o-transition: width 1s ease-in-out 1s linear;
+  transition: width 1s ease-in-out 1s linear;
+
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  -ms-transform: translate3d(0, 0, 0);
+  -o-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+
+  max-width: 400px;
+  position: fixed;
+  z-index: 2000;
+  display: block;
+  position: absolute;
+  height: 45px;
+  background: purple;
+  border-radius:7px
+}
+
+.pace.pace-inactive {
+  display: none;
+}
diff --git a/themes/red/pace-theme-simple-rounded-on-black.css b/themes/red/pace-theme-simple-rounded-on-black.css
new file mode 100644
index 00000000..59b137f9
--- /dev/null
+++ b/themes/red/pace-theme-simple-rounded-on-black.css
@@ -0,0 +1,55 @@
+.pace {
+  padding:10px;
+  opacity:0.8;
+  -webkit-pointer-events: none;
+  pointer-events: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  padding:5px;
+  z-index: 2000;
+  position: fixed;
+  margin: auto;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 45px;
+  width: 400px;
+  background: #000;
+  border: 2px solid #000;
+  border-radius:10px;
+}
+
+.pace .pace-progress {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  box-sizing: border-box;
+
+  -webkit-transition: width 1s ease-in-out 1s linear;
+  -moz-transition: width 1s ease-in-out 1s linear;
+  -ms-transition: width 1s ease-in-out 1s linear;
+  -o-transition: width 1s ease-in-out 1s linear;
+  transition: width 1s ease-in-out 1s linear;
+
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  -ms-transform: translate3d(0, 0, 0);
+  -o-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+
+  max-width: 400px;
+  position: fixed;
+  z-index: 2000;
+  display: block;
+  position: absolute;
+  height: 45px;
+  background: red;
+  border-radius:7px
+}
+
+.pace.pace-inactive {
+  display: none;
+}
diff --git a/themes/silver/pace-theme-simple-rounded-on-black.css b/themes/silver/pace-theme-simple-rounded-on-black.css
new file mode 100644
index 00000000..15cdba4c
--- /dev/null
+++ b/themes/silver/pace-theme-simple-rounded-on-black.css
@@ -0,0 +1,55 @@
+.pace {
+  padding:10px;
+  opacity:0.8;
+  -webkit-pointer-events: none;
+  pointer-events: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  padding:5px;
+  z-index: 2000;
+  position: fixed;
+  margin: auto;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 45px;
+  width: 400px;
+  background: #000;
+  border: 2px solid #000;
+  border-radius:10px;
+}
+
+.pace .pace-progress {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  box-sizing: border-box;
+
+  -webkit-transition: width 1s ease-in-out 1s linear;
+  -moz-transition: width 1s ease-in-out 1s linear;
+  -ms-transition: width 1s ease-in-out 1s linear;
+  -o-transition: width 1s ease-in-out 1s linear;
+  transition: width 1s ease-in-out 1s linear;
+
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  -ms-transform: translate3d(0, 0, 0);
+  -o-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+
+  max-width: 400px;
+  position: fixed;
+  z-index: 2000;
+  display: block;
+  position: absolute;
+  height: 45px;
+  background: silver;
+  border-radius:7px
+}
+
+.pace.pace-inactive {
+  display: none;
+}
diff --git a/themes/white/pace-theme-simple-rounded-on-black.css b/themes/white/pace-theme-simple-rounded-on-black.css
new file mode 100644
index 00000000..91499782
--- /dev/null
+++ b/themes/white/pace-theme-simple-rounded-on-black.css
@@ -0,0 +1,55 @@
+.pace {
+  padding:10px;
+  opacity:0.8;
+  -webkit-pointer-events: none;
+  pointer-events: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  padding:5px;
+  z-index: 2000;
+  position: fixed;
+  margin: auto;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 45px;
+  width: 400px;
+  background: #000;
+  border: 2px solid #000;
+  border-radius:10px;
+}
+
+.pace .pace-progress {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  box-sizing: border-box;
+
+  -webkit-transition: width 1s ease-in-out 1s linear;
+  -moz-transition: width 1s ease-in-out 1s linear;
+  -ms-transition: width 1s ease-in-out 1s linear;
+  -o-transition: width 1s ease-in-out 1s linear;
+  transition: width 1s ease-in-out 1s linear;
+
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  -ms-transform: translate3d(0, 0, 0);
+  -o-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+
+  max-width: 400px;
+  position: fixed;
+  z-index: 2000;
+  display: block;
+  position: absolute;
+  height: 45px;
+  background: #ffffff;
+  border-radius:7px
+}
+
+.pace.pace-inactive {
+  display: none;
+}
diff --git a/themes/yellow/pace-theme-simple-rounded-on-black.css b/themes/yellow/pace-theme-simple-rounded-on-black.css
new file mode 100644
index 00000000..7bbf17ae
--- /dev/null
+++ b/themes/yellow/pace-theme-simple-rounded-on-black.css
@@ -0,0 +1,55 @@
+.pace {
+  padding:10px;
+  opacity:0.8;
+  -webkit-pointer-events: none;
+  pointer-events: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  padding:5px;
+  z-index: 2000;
+  position: fixed;
+  margin: auto;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 45px;
+  width: 400px;
+  background: #000;
+  border: 2px solid #000;
+  border-radius:10px;
+}
+
+.pace .pace-progress {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  box-sizing: border-box;
+
+  -webkit-transition: width 1s ease-in-out 1s linear;
+  -moz-transition: width 1s ease-in-out 1s linear;
+  -ms-transition: width 1s ease-in-out 1s linear;
+  -o-transition: width 1s ease-in-out 1s linear;
+  transition: width 1s ease-in-out 1s linear;
+
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  -ms-transform: translate3d(0, 0, 0);
+  -o-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+
+  max-width: 400px;
+  position: fixed;
+  z-index: 2000;
+  display: block;
+  position: absolute;
+  height: 45px;
+  background: yellow;
+  border-radius:7px
+}
+
+.pace.pace-inactive {
+  display: none;
+}