diff --git a/css/theme/beige.css b/css/theme/beige.css
index 7fb3ca4..089cb7b 100644
--- a/css/theme/beige.css
+++ b/css/theme/beige.css
@@ -127,13 +127,6 @@ body {
 .reveal .controls div.navigate-down.enabled:hover {
   border-top-color: #c0a86e; }
 
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
-  color: #8b743d;
-}
-
 /*********************************************
  * PROGRESS BAR
  *********************************************/
@@ -147,3 +140,9 @@ body {
   -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+
+/*********************************************
+ * SLIDE NUMBER
+ *********************************************/
+.reveal .slide-number {
+  color: #8b743d; }
diff --git a/css/theme/blood.css b/css/theme/blood.css
index 91521ab..0aefdd9 100644
--- a/css/theme/blood.css
+++ b/css/theme/blood.css
@@ -140,6 +140,12 @@ body {
   -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
 
+/*********************************************
+ * SLIDE NUMBER
+ *********************************************/
+.reveal .slide-number {
+  color: #aa2233; }
+
 .reveal p {
   font-weight: 300;
   text-shadow: 1px 1px #222222; }
diff --git a/css/theme/default.css b/css/theme/default.css
index 71bcc17..a234861 100644
--- a/css/theme/default.css
+++ b/css/theme/default.css
@@ -127,13 +127,6 @@ body {
 .reveal .controls div.navigate-down.enabled:hover {
   border-top-color: #71e9f4; }
 
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
-  color: #13daec;
-}
-
 /*********************************************
  * PROGRESS BAR
  *********************************************/
@@ -147,3 +140,9 @@ body {
   -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+
+/*********************************************
+ * SLIDE NUMBER
+ *********************************************/
+.reveal .slide-number {
+  color: #13daec; }
diff --git a/css/theme/moon.css b/css/theme/moon.css
index 8b9bb1d..3c15b00 100644
--- a/css/theme/moon.css
+++ b/css/theme/moon.css
@@ -127,13 +127,6 @@ body {
 .reveal .controls div.navigate-down.enabled:hover {
   border-top-color: #78b9e6; }
 
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
-  color: #268bd2;
-}
-
 /*********************************************
  * PROGRESS BAR
  *********************************************/
@@ -147,3 +140,9 @@ body {
   -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+
+/*********************************************
+ * SLIDE NUMBER
+ *********************************************/
+.reveal .slide-number {
+  color: #268bd2; }
diff --git a/css/theme/night.css b/css/theme/night.css
index fe48c2e..e8703a5 100644
--- a/css/theme/night.css
+++ b/css/theme/night.css
@@ -115,13 +115,6 @@ body {
 .reveal .controls div.navigate-down.enabled:hover {
   border-top-color: #f3d7ac; }
 
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
-  color: #e7ad52;
-}
-
 /*********************************************
  * PROGRESS BAR
  *********************************************/
@@ -135,3 +128,9 @@ body {
   -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+
+/*********************************************
+ * SLIDE NUMBER
+ *********************************************/
+.reveal .slide-number {
+  color: #e7ad52; }
diff --git a/css/theme/serif.css b/css/theme/serif.css
index fdc913a..d5f0ad8 100644
--- a/css/theme/serif.css
+++ b/css/theme/serif.css
@@ -117,13 +117,6 @@ body {
 .reveal .controls div.navigate-down.enabled:hover {
   border-top-color: #8b7c69; }
 
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
-  color: #51483d;
-}
-
 /*********************************************
  * PROGRESS BAR
  *********************************************/
@@ -137,3 +130,9 @@ body {
   -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+
+/*********************************************
+ * SLIDE NUMBER
+ *********************************************/
+.reveal .slide-number {
+  color: #51483d; }
diff --git a/css/theme/simple.css b/css/theme/simple.css
index 3ae86dc..504606c 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -117,13 +117,6 @@ body {
 .reveal .controls div.navigate-down.enabled:hover {
   border-top-color: #0000f1; }
 
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
-  color: darkblue;
-}
-
 /*********************************************
  * PROGRESS BAR
  *********************************************/
@@ -137,3 +130,9 @@ body {
   -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+
+/*********************************************
+ * SLIDE NUMBER
+ *********************************************/
+.reveal .slide-number {
+  color: darkblue; }
diff --git a/css/theme/sky.css b/css/theme/sky.css
index 352627b..1a44760 100644
--- a/css/theme/sky.css
+++ b/css/theme/sky.css
@@ -124,13 +124,6 @@ body {
 .reveal .controls div.navigate-down.enabled:hover {
   border-top-color: #74a7cb; }
 
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
-  color: #3b759e;
-}
-
 /*********************************************
  * PROGRESS BAR
  *********************************************/
@@ -144,3 +137,9 @@ body {
   -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+
+/*********************************************
+ * SLIDE NUMBER
+ *********************************************/
+.reveal .slide-number {
+  color: #3b759e; }
diff --git a/css/theme/solarized.css b/css/theme/solarized.css
index 092c5d0..c8bff7c 100644
--- a/css/theme/solarized.css
+++ b/css/theme/solarized.css
@@ -127,13 +127,6 @@ body {
 .reveal .controls div.navigate-down.enabled:hover {
   border-top-color: #78b9e6; }
 
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
-  color: #268bd2;
-}
-
 /*********************************************
  * PROGRESS BAR
  *********************************************/
@@ -147,3 +140,9 @@ body {
   -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+
+/*********************************************
+ * SLIDE NUMBER
+ *********************************************/
+.reveal .slide-number {
+  color: #268bd2; }
diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss
index ff86356..1562b54 100644
--- a/css/theme/template/theme.scss
+++ b/css/theme/template/theme.scss
@@ -160,4 +160,11 @@ body {
 		        transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
 	}
 
+/*********************************************
+ * SLIDE NUMBER
+ *********************************************/
+.reveal .slide-number {
+  color: $linkColor;
+}
+