From a6a05a747ef16886413e7fe0a4bffc1b0dc44f86 Mon Sep 17 00:00:00 2001
From: rsdexter <rsdexter00@gmail.com>
Date: Thu, 16 Apr 2020 00:06:59 -0400
Subject: [PATCH] all step buttons change color at the same time

---
 public/assets/step-last.svg | 12 ++++++++----
 public/assets/step-next.svg |  8 ++++++--
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/public/assets/step-last.svg b/public/assets/step-last.svg
index cb3d932..8cf0eee 100644
--- a/public/assets/step-last.svg
+++ b/public/assets/step-last.svg
@@ -3,14 +3,18 @@
     <path id="path-1" fill-rule="evenodd" d="M16.5 1.5l-15 15 15 15v-30z"/>
     <path id="path-2" fill-rule="evenodd" d="M30.5 1.5l-15 15 15 15v-30z"/>
   </defs>
+  <style type="text/css">
+    .st0{fill: currentColor;}
+    .st1{fill-opacity="0"; fill:currentColor; stroke:currentColor; stroke-linecap="round"; stroke-linejoin="round";}
+  </style>
   <g>
     <g transform="matrix(-1 0 0 1 18 0)">
-      <use fill="rgb(68,68,68)" xlink:href="#path-1"/>
-      <use fill-opacity="0" stroke="rgb(68,68,68)" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" xlink:href="#path-1"/>
+      <use class="st0" xlink:href="#path-1"/>
+      <use class="st1" stroke-width="3" xlink:href="#path-1"/>
     </g>
     <g transform="matrix(-1 0 0 1 46 0)">
-      <use fill="rgb(68,68,68)" xlink:href="#path-2"/>
-      <use fill-opacity="0" stroke="rgb(68,68,68)" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" xlink:href="#path-2"/>
+      <use class="st0" xlink:href="#path-2"/>
+      <use class="st1" stroke-width="3" xlink:href="#path-2"/>
     </g>
   </g>
 </svg>
diff --git a/public/assets/step-next.svg b/public/assets/step-next.svg
index dce34ed..06c83d0 100644
--- a/public/assets/step-next.svg
+++ b/public/assets/step-next.svg
@@ -2,8 +2,12 @@
   <defs>
     <path id="path-1" fill-rule="evenodd" d="M16.5 1.5l-15 15 15 15v-30z"/>
   </defs>
+  <style type="text/css">
+    .st0{fill: currentColor;}
+    .st1{fill-opacity="0"; fill:currentColor; stroke:currentColor; stroke-linecap="round"; stroke-linejoin="round";}
+  </style>
   <g transform="matrix(-1 0 0 1 18 0)">
-    <use fill="rgb(68,68,68)" xlink:href="#path-1"/>
-    <use fill-opacity="0" stroke="rgb(68,68,68)" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" xlink:href="#path-1"/>
+    <use class="st0" xlink:href="#path-1"/>
+    <use class="st1" stroke-width="3" xlink:href="#path-1"/>
   </g>
 </svg>
-- 
2.51.2