From 4c3253aa49ddc24d51d92fae5fbf0e61b39ff262 Mon Sep 17 00:00:00 2001
From: Tyson Gach <tyson@tysongach.com>
Date: Sat, 6 May 2017 09:58:38 -0400
Subject: [PATCH] Tweak colors

Use more saturated red and blue colors so that they pass WCAG contrast
guidelines.

Related: https://github.com/thoughtbot/administrate/issues/794
---
 app/assets/stylesheets/administrate/components/_table.scss  | 2 +-
 app/assets/stylesheets/administrate/library/_variables.scss | 6 +++---
 .../stylesheets/administrate/utilities/_text-color.scss     | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/assets/stylesheets/administrate/components/_table.scss b/app/assets/stylesheets/administrate/components/_table.scss
index e031605546..6f57f7a50a 100644
--- a/app/assets/stylesheets/administrate/components/_table.scss
+++ b/app/assets/stylesheets/administrate/components/_table.scss
@@ -15,7 +15,7 @@
 }
 
 .table__action--destroy {
-  color: $light-red;
+  color: $red;
 }
 
 .table__link-plain {
diff --git a/app/assets/stylesheets/administrate/library/_variables.scss b/app/assets/stylesheets/administrate/library/_variables.scss
index 7d4573a522..a3019e1cc0 100644
--- a/app/assets/stylesheets/administrate/library/_variables.scss
+++ b/app/assets/stylesheets/administrate/library/_variables.scss
@@ -21,8 +21,8 @@ $small-spacing: $base-spacing / 2;
 $white: #fff;
 $black: #000;
 
-$blue: #2a94d6;
-$light-red: #c77067;
+$blue: #1976d2;
+$red: #d32f2f;
 $light-yellow: #f0cd66;
 $light-green: #4ab471;
 
@@ -49,7 +49,7 @@ $focus-outline-offset: 1px;
 // Flash Colors
 $flash-colors: (
   alert: $light-yellow,
-  error: $light-red,
+  error: $red,
   notice: tint($blue, 50%),
   success: $light-green
 );
diff --git a/app/assets/stylesheets/administrate/utilities/_text-color.scss b/app/assets/stylesheets/administrate/utilities/_text-color.scss
index bb822e18ec..6086047f22 100644
--- a/app/assets/stylesheets/administrate/utilities/_text-color.scss
+++ b/app/assets/stylesheets/administrate/utilities/_text-color.scss
@@ -1,3 +1,3 @@
 .text-color-red {
-  color: $light-red;
+  color: $red;
 }