From 7f4e5fc6bf0fa4c7ef121d707d385ee89128a441 Mon Sep 17 00:00:00 2001
From: Russell Beattie <russ@russellbeattie.com>
Date: Mon, 22 Oct 2012 19:34:31 -0700
Subject: [PATCH] Updated new CSS triangle controls to use theme colors.

---
 css/theme/beige.css           | 33 +++++++++++++++++++++++++++-----
 css/theme/default.css         | 33 +++++++++++++++++++++++++++-----
 css/theme/serif.css           | 33 +++++++++++++++++++++++++++-----
 css/theme/simple.css          | 33 +++++++++++++++++++++++++++-----
 css/theme/sky.css             | 33 +++++++++++++++++++++++++++-----
 css/theme/template/theme.scss | 36 +++++++++++++++++++++++++++++------
 6 files changed, 170 insertions(+), 31 deletions(-)

diff --git a/css/theme/beige.css b/css/theme/beige.css
index e1e635a..6d2eea9 100644
--- a/css/theme/beige.css
+++ b/css/theme/beige.css
@@ -110,13 +110,36 @@ body {
 /*********************************************
  * NAVIGATION CONTROLS
  *********************************************/
-.reveal .controls a {
-  color: #333333;
+.reveal .controls div.left {
+  border-right-color: #333333;
 }
 
-.reveal .controls a.enabled {
-  color: #c0a86e;
-  text-shadow: 0px 0px 2px rgba(144, 207, 213, 0.3);
+.reveal .controls div.right {
+  border-left-color: #333333;
+}
+
+.reveal .controls div.up {
+  border-bottom-color: #333333;
+}
+
+.reveal .controls div.down {
+  border-top-color: #333333;
+}
+
+.reveal .controls div.left.enabled {
+  border-right-color: #c0a86e;
+}
+
+.reveal .controls div.right.enabled {
+  border-left-color: #c0a86e;
+}
+
+.reveal .controls div.up.enabled {
+  border-bottom-color: #c0a86e;
+}
+
+.reveal .controls div.down.enabled {
+  border-top-color: #c0a86e;
 }
 
 /*********************************************
diff --git a/css/theme/default.css b/css/theme/default.css
index 3fe7a2a..0b393c2 100644
--- a/css/theme/default.css
+++ b/css/theme/default.css
@@ -110,13 +110,36 @@ body {
 /*********************************************
  * NAVIGATION CONTROLS
  *********************************************/
-.reveal .controls a {
-  color: #eeeeee;
+.reveal .controls div.left {
+  border-right-color: #eeeeee;
 }
 
-.reveal .controls a.enabled {
-  color: #71e9f4;
-  text-shadow: 0px 0px 2px rgba(144, 207, 213, 0.3);
+.reveal .controls div.right {
+  border-left-color: #eeeeee;
+}
+
+.reveal .controls div.up {
+  border-bottom-color: #eeeeee;
+}
+
+.reveal .controls div.down {
+  border-top-color: #eeeeee;
+}
+
+.reveal .controls div.left.enabled {
+  border-right-color: #71e9f4;
+}
+
+.reveal .controls div.right.enabled {
+  border-left-color: #71e9f4;
+}
+
+.reveal .controls div.up.enabled {
+  border-bottom-color: #71e9f4;
+}
+
+.reveal .controls div.down.enabled {
+  border-top-color: #71e9f4;
 }
 
 /*********************************************
diff --git a/css/theme/serif.css b/css/theme/serif.css
index 78ed931..55a6b3a 100644
--- a/css/theme/serif.css
+++ b/css/theme/serif.css
@@ -97,13 +97,36 @@ body {
 /*********************************************
  * NAVIGATION CONTROLS
  *********************************************/
-.reveal .controls a {
-  color: black;
+.reveal .controls div.left {
+  border-right-color: black;
 }
 
-.reveal .controls a.enabled {
-  color: #8b7c69;
-  text-shadow: 0px 0px 2px rgba(144, 207, 213, 0.3);
+.reveal .controls div.right {
+  border-left-color: black;
+}
+
+.reveal .controls div.up {
+  border-bottom-color: black;
+}
+
+.reveal .controls div.down {
+  border-top-color: black;
+}
+
+.reveal .controls div.left.enabled {
+  border-right-color: #8b7c69;
+}
+
+.reveal .controls div.right.enabled {
+  border-left-color: #8b7c69;
+}
+
+.reveal .controls div.up.enabled {
+  border-bottom-color: #8b7c69;
+}
+
+.reveal .controls div.down.enabled {
+  border-top-color: #8b7c69;
 }
 
 /*********************************************
diff --git a/css/theme/simple.css b/css/theme/simple.css
index 663c09a..8fb23c4 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -99,13 +99,36 @@ body {
 /*********************************************
  * NAVIGATION CONTROLS
  *********************************************/
-.reveal .controls a {
-  color: black;
+.reveal .controls div.left {
+  border-right-color: black;
 }
 
-.reveal .controls a.enabled {
-  color: #0000f1;
-  text-shadow: 0px 0px 2px rgba(144, 207, 213, 0.3);
+.reveal .controls div.right {
+  border-left-color: black;
+}
+
+.reveal .controls div.up {
+  border-bottom-color: black;
+}
+
+.reveal .controls div.down {
+  border-top-color: black;
+}
+
+.reveal .controls div.left.enabled {
+  border-right-color: #0000f1;
+}
+
+.reveal .controls div.right.enabled {
+  border-left-color: #0000f1;
+}
+
+.reveal .controls div.up.enabled {
+  border-bottom-color: #0000f1;
+}
+
+.reveal .controls div.down.enabled {
+  border-top-color: #0000f1;
 }
 
 /*********************************************
diff --git a/css/theme/sky.css b/css/theme/sky.css
index cd0be94..d68fc8b 100644
--- a/css/theme/sky.css
+++ b/css/theme/sky.css
@@ -103,13 +103,36 @@ body {
 /*********************************************
  * NAVIGATION CONTROLS
  *********************************************/
-.reveal .controls a {
-  color: #333333;
+.reveal .controls div.left {
+  border-right-color: #333333;
 }
 
-.reveal .controls a.enabled {
-  color: #74a7cb;
-  text-shadow: 0px 0px 2px rgba(144, 207, 213, 0.3);
+.reveal .controls div.right {
+  border-left-color: #333333;
+}
+
+.reveal .controls div.up {
+  border-bottom-color: #333333;
+}
+
+.reveal .controls div.down {
+  border-top-color: #333333;
+}
+
+.reveal .controls div.left.enabled {
+  border-right-color: #74a7cb;
+}
+
+.reveal .controls div.right.enabled {
+  border-left-color: #74a7cb;
+}
+
+.reveal .controls div.up.enabled {
+  border-bottom-color: #74a7cb;
+}
+
+.reveal .controls div.down.enabled {
+  border-top-color: #74a7cb;
 }
 
 /*********************************************
diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss
index 353a98c..9c22ecb 100644
--- a/css/theme/template/theme.scss
+++ b/css/theme/template/theme.scss
@@ -106,13 +106,37 @@ body {
  * NAVIGATION CONTROLS
  *********************************************/
 
-.reveal .controls a {
-	color: $mainColor;
+.reveal .controls div.left {
+	border-right-color: $mainColor;
+}
+
+.reveal .controls div.right {
+	border-left-color: $mainColor;
+}
+
+.reveal .controls div.up {
+	border-bottom-color: $mainColor;
+}
+
+.reveal .controls div.down {
+	border-top-color: $mainColor;
+}
+
+.reveal .controls div.left.enabled {
+	border-right-color: $linkColorHover;
+}
+
+.reveal .controls div.right.enabled {
+	border-left-color: $linkColorHover;
+}
+
+.reveal .controls div.up.enabled {
+	border-bottom-color: $linkColorHover;
+}
+
+.reveal .controls div.down.enabled {
+	border-top-color: $linkColorHover;
 }
-	.reveal .controls a.enabled {
-		color: $linkColorHover;
-		text-shadow: 0px 0px 2px hsla(185, 45%, 70%, 0.3);
-	}
 
 
 /*********************************************
-- 
GitLab