simplify control styling using currentColor

14 files changed, 31 insertions, 39 deletions

diff --git a/css/reveal.css b/css/reveal.css
index 526006b..3de6695 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -196,7 +196,8 @@ body {
   right: 0;
   bottom: 0;
   left: 0;
-  z-index: 1; }
+  z-index: 1;
+  color: #fff; }
   .reveal .controls button {
     position: absolute;
     padding: 0;
@@ -206,6 +207,7 @@ body {
     border: 0;
     outline: 0;
     cursor: pointer;
+    color: currentColor;
     -webkit-transform: scale(0.9999);
             transform: scale(0.9999);
     -webkit-transition: all 0.2s ease;
@@ -224,7 +226,7 @@ body {
     width: 30px;
     height: 5px;
     border-radius: 2.5px;
-    background-color: #fff;
+    background-color: currentColor;
     -webkit-transition: all 0.15s ease, background-color 0.8s ease;
             transition: all 0.15s ease, background-color 0.8s ease;
     -webkit-transform-origin: 2.5px 50%;
diff --git a/css/reveal.scss b/css/reveal.scss
index 3127453..f76fb82 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -261,6 +261,7 @@ body {
 	bottom: 0;
 	left: 0;
 	z-index: 1;
+	color: #fff;
 
 	button {
 		position: absolute;
@@ -271,6 +272,7 @@ body {
 		border: 0;
 		outline: 0;
 		cursor: pointer;
+		color: currentColor;
 		transform: scale(.9999);
 		transition: all 0.2s ease;
 		z-index: 2; // above slides
@@ -291,7 +293,7 @@ body {
 		width: $length;
 		height: $thickness;
 		border-radius: $thickness/2;
-		background-color: #fff;
+		background-color: currentColor;
 
 		transition: all 0.15s ease, background-color 0.8s ease;
 		transform-origin: $thickness/2 50%;
diff --git a/css/theme/beige.css b/css/theme/beige.css
index 3e11649..aa3500f 100644
--- a/css/theme/beige.css
+++ b/css/theme/beige.css
@@ -255,9 +255,8 @@ body {
 /*********************************************
  * NAVIGATION CONTROLS
  *********************************************/
-.reveal .controls button:before,
-.reveal .controls button:after {
-  background-color: #8b743d; }
+.reveal .controls {
+  color: #8b743d; }
 
 /*********************************************
  * PROGRESS BAR
diff --git a/css/theme/black.css b/css/theme/black.css
index 6106a33..7d6b396 100644
--- a/css/theme/black.css
+++ b/css/theme/black.css
@@ -251,9 +251,8 @@ body {
 /*********************************************
  * NAVIGATION CONTROLS
  *********************************************/
-.reveal .controls button:before,
-.reveal .controls button:after {
-  background-color: #42affa; }
+.reveal .controls {
+  color: #42affa; }
 
 /*********************************************
  * PROGRESS BAR
diff --git a/css/theme/blood.css b/css/theme/blood.css
index b3753fb..d65a9d6 100644
--- a/css/theme/blood.css
+++ b/css/theme/blood.css
@@ -254,9 +254,8 @@ body {
 /*********************************************
  * NAVIGATION CONTROLS
  *********************************************/
-.reveal .controls button:before,
-.reveal .controls button:after {
-  background-color: #a23; }
+.reveal .controls {
+  color: #a23; }
 
 /*********************************************
  * PROGRESS BAR
diff --git a/css/theme/league.css b/css/theme/league.css
index bce492c..118557a 100644
--- a/css/theme/league.css
+++ b/css/theme/league.css
@@ -257,9 +257,8 @@ body {
 /*********************************************
  * NAVIGATION CONTROLS
  *********************************************/
-.reveal .controls button:before,
-.reveal .controls button:after {
-  background-color: #13DAEC; }
+.reveal .controls {
+  color: #13DAEC; }
 
 /*********************************************
  * PROGRESS BAR
diff --git a/css/theme/moon.css b/css/theme/moon.css
index e12fca1..6847868 100644
--- a/css/theme/moon.css
+++ b/css/theme/moon.css
@@ -255,9 +255,8 @@ body {
 /*********************************************
  * NAVIGATION CONTROLS
  *********************************************/
-.reveal .controls button:before,
-.reveal .controls button:after {
-  background-color: #268bd2; }
+.reveal .controls {
+  color: #268bd2; }
 
 /*********************************************
  * PROGRESS BAR
diff --git a/css/theme/night.css b/css/theme/night.css
index f6796b3..1cc0f84 100644
--- a/css/theme/night.css
+++ b/css/theme/night.css
@@ -249,9 +249,8 @@ body {
 /*********************************************
  * NAVIGATION CONTROLS
  *********************************************/
-.reveal .controls button:before,
-.reveal .controls button:after {
-  background-color: #e7ad52; }
+.reveal .controls {
+  color: #e7ad52; }
 
 /*********************************************
  * PROGRESS BAR
diff --git a/css/theme/serif.css b/css/theme/serif.css
index b426a66..1a555d9 100644
--- a/css/theme/serif.css
+++ b/css/theme/serif.css
@@ -251,9 +251,8 @@ body {
 /*********************************************
  * NAVIGATION CONTROLS
  *********************************************/
-.reveal .controls button:before,
-.reveal .controls button:after {
-  background-color: #51483D; }
+.reveal .controls {
+  color: #51483D; }
 
 /*********************************************
  * PROGRESS BAR
diff --git a/css/theme/simple.css b/css/theme/simple.css
index fd24092..92e3294 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -254,9 +254,8 @@ body {
 /*********************************************
  * NAVIGATION CONTROLS
  *********************************************/
-.reveal .controls button:before,
-.reveal .controls button:after {
-  background-color: #00008B; }
+.reveal .controls {
+  color: #00008B; }
 
 /*********************************************
  * PROGRESS BAR
diff --git a/css/theme/sky.css b/css/theme/sky.css
index 881f2fd..1425ccd 100644
--- a/css/theme/sky.css
+++ b/css/theme/sky.css
@@ -258,9 +258,8 @@ body {
 /*********************************************
  * NAVIGATION CONTROLS
  *********************************************/
-.reveal .controls button:before,
-.reveal .controls button:after {
-  background-color: #3b759e; }
+.reveal .controls {
+  color: #3b759e; }
 
 /*********************************************
  * PROGRESS BAR
diff --git a/css/theme/solarized.css b/css/theme/solarized.css
index b20d22a..f7c27fe 100644
--- a/css/theme/solarized.css
+++ b/css/theme/solarized.css
@@ -255,9 +255,8 @@ body {
 /*********************************************
  * NAVIGATION CONTROLS
  *********************************************/
-.reveal .controls button:before,
-.reveal .controls button:after {
-  background-color: #268bd2; }
+.reveal .controls {
+  color: #268bd2; }
 
 /*********************************************
  * PROGRESS BAR
diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss
index fb116fc..bd23212 100644
--- a/css/theme/template/theme.scss
+++ b/css/theme/template/theme.scss
@@ -297,9 +297,8 @@ body {
  * NAVIGATION CONTROLS
  *********************************************/
 
-.reveal .controls button:before,
-.reveal .controls button:after {
-	background-color: $linkColor;
+.reveal .controls {
+	color: $linkColor;
 }
 
 
diff --git a/css/theme/white.css b/css/theme/white.css
index 299d9ff..14a8610 100644
--- a/css/theme/white.css
+++ b/css/theme/white.css
@@ -251,9 +251,8 @@ body {
 /*********************************************
  * NAVIGATION CONTROLS
  *********************************************/
-.reveal .controls button:before,
-.reveal .controls button:after {
-  background-color: #2a76dd; }
+.reveal .controls {
+  color: #2a76dd; }
 
 /*********************************************
  * PROGRESS BAR