From cdada37e3aa6a1c0c15cfc8cf41cd5809f7bfa22 Mon Sep 17 00:00:00 2001
From: Andrei <andrei.ungur@shopify.com>
Date: Mon, 14 Oct 2019 14:45:33 -0400
Subject: [PATCH] Fix #114: Address color contrast warning messages (#144)

* Make button text black

* Remove custom white text for warning buttons
---
 app/javascript/src/assets/scss/_foundation-custom.scss   | 4 ----
 app/javascript/src/assets/scss/_foundation-settings.scss | 4 ++--
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/app/javascript/src/assets/scss/_foundation-custom.scss b/app/javascript/src/assets/scss/_foundation-custom.scss
index c09457701..0a70eaf89 100644
--- a/app/javascript/src/assets/scss/_foundation-custom.scss
+++ b/app/javascript/src/assets/scss/_foundation-custom.scss
@@ -6,10 +6,6 @@
     border-radius: 1000px;
   }
 
-  &.warning {
-    color: $white;
-  }
-
   &.grey-btn {
     color: $color-gray;
 
diff --git a/app/javascript/src/assets/scss/_foundation-settings.scss b/app/javascript/src/assets/scss/_foundation-settings.scss
index 6c5c1f390..10022085e 100644
--- a/app/javascript/src/assets/scss/_foundation-settings.scss
+++ b/app/javascript/src/assets/scss/_foundation-settings.scss
@@ -270,8 +270,8 @@ $button-margin: 0 0 $global-margin 0;
 $button-fill: solid;
 $button-background: $primary-color;
 $button-background-hover: scale-color($button-background, $lightness: -15%);
-$button-color: $white;
-$button-color-alt: $white;
+$button-color: $black;
+$button-color-alt: $black;
 $button-radius: $global-radius;
 $button-sizes: (
   tiny: $font-size-micro,