Tweak colors

Use more saturated red and blue colors so that they pass WCAG contrast guidelines. Related: #794
thoughtbot · May 7, 2017 · 4c3253a · 4c3253a
1 parent e2c7fc6
commit 4c3253a
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git 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
@@ -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
@@ -1,3 +1,3 @@
 .text-color-red {
-  color: $light-red;
+  color: $red;
 }