From e210d8ce0613706b196100d0b87a8dd1385ccfd6 Mon Sep 17 00:00:00 2001
From: Andrew Nicolaou <me@andrewnicolaou.co.uk>
Date: Wed, 22 May 2019 14:25:19 +0200
Subject: [PATCH] Adds themed table-row-stripe colour to be used globally

---
 client/styles/abstracts/_variables.scss    | 3 +++
 client/styles/components/_api-key.scss     | 4 +++-
 client/styles/components/_asset-list.scss  | 2 +-
 client/styles/components/_sketch-list.scss | 2 +-
 4 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/client/styles/abstracts/_variables.scss b/client/styles/abstracts/_variables.scss
index 50e43640..c211123f 100644
--- a/client/styles/abstracts/_variables.scss
+++ b/client/styles/abstracts/_variables.scss
@@ -62,6 +62,7 @@ $themes: (
     keyboard-shortcut-color: #757575,
     nav-hover-color: $p5js-pink,
     error-color: $p5js-pink,
+    table-row-stripe-color: #d6d6d6,
     codefold-icon-open: url(../images/down-arrow.svg),
     codefold-icon-closed: url(../images/right-arrow.svg)
   ),
@@ -111,6 +112,7 @@ $themes: (
     keyboard-shortcut-color: #B5B5B5,
     nav-hover-color: $p5js-pink,
     error-color: $p5js-pink,
+    table-row-stripe-color: #3f3f3f,
     codefold-icon-open: url(../images/down-arrow-white.svg),
     codefold-icon-closed: url(../images/right-arrow-white.svg)
   ),
@@ -159,6 +161,7 @@ $themes: (
     keyboard-shortcut-color: #e1e1e1,
     nav-hover-color: $yellow,
     error-color: $p5-contrast-pink,
+    table-row-stripe-color: #3f3f3f,
     codefold-icon-open: url(../images/down-arrow-white.svg),
     codefold-icon-closed: url(../images/right-arrow-white.svg)
   )
diff --git a/client/styles/components/_api-key.scss b/client/styles/components/_api-key.scss
index 16d2bbfe..b3e6bfeb 100644
--- a/client/styles/components/_api-key.scss
+++ b/client/styles/components/_api-key.scss
@@ -50,7 +50,9 @@
   }
 
   tbody tr:nth-child(odd) {
-    background-color: #f2f2f2;
+    @include themify() {
+      background: getThemifyVariable('table-row-stripe-color');
+    }
   }
 }
 
diff --git a/client/styles/components/_asset-list.scss b/client/styles/components/_asset-list.scss
index 76013deb..a8e76c74 100644
--- a/client/styles/components/_asset-list.scss
+++ b/client/styles/components/_asset-list.scss
@@ -35,7 +35,7 @@
 
   &:nth-child(odd) {
     @include themify() {
-      background: getThemifyVariable('console-header-background-color');
+      background: getThemifyVariable('table-row-stripe-color');
     }
   }
 
diff --git a/client/styles/components/_sketch-list.scss b/client/styles/components/_sketch-list.scss
index 1369699c..2735bb25 100644
--- a/client/styles/components/_sketch-list.scss
+++ b/client/styles/components/_sketch-list.scss
@@ -28,7 +28,7 @@
 
 .sketches-table__row:nth-child(odd) {
   @include themify() {
-    background: getThemifyVariable('console-header-background-color');
+    background: getThemifyVariable('table-row-stripe-color');
   }
 }