From f41ca4e67bdacc5af174c67c8ff047894ea777be Mon Sep 17 00:00:00 2001
From: Derick Montague <derick.montague@ibm.com>
Date: Thu, 28 Mar 2019 21:55:38 -0500
Subject: Update hex values to meet WCAG AA Guidelines for color contrast

    - Change #3C6DF0 to #2D60E5
    - Change #E62325 to #DA1416

    Tested:  I spot tested the Server Overview, the
    Event log and System logs pages to verify color changes and overall
    validate the update does not negatively impact the visual integrity
    of the app.

    Resolves openbmc/phosphor-webui#70

Signed-off-by: Derick Montague <derick.montague@ibm.com>
Change-Id: I2315527a98937176b3e3a2a2118e1798fa4c9e5d
---
 app/common/styles/base/colors.scss | 8 ++++----
 app/common/styles/base/mixins.scss | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

(limited to 'app/common/styles')

diff --git a/app/common/styles/base/colors.scss b/app/common/styles/base/colors.scss
index 405dad4..6761967 100644
--- a/app/common/styles/base/colors.scss
+++ b/app/common/styles/base/colors.scss
@@ -28,10 +28,10 @@ $input-border: #a7a7a7;
 // Light Background
 $lightbg__grey: #b8c1c1;
 $lightbg__accent: #d8e2fc;
-$lightbg__primary: #3c6df0;
+$lightbg__primary: #2d60e5;
 
 // Primary Button colors
-$primebtn__bg: #3c6df0;
+$primebtn__bg: #2d60e5;
 $primebtn__text: $white;
 
 // Secondary Button colors
@@ -55,7 +55,7 @@ $alert__message: rgb(203, 221, 235);
 $alert__danger: #fad3D3;
 
 // Severity
-$critical-lightbg: #e62325;
+$critical-lightbg: #da1416;
 $critical-darkbg: #ff5c49;
 $severity-medium-lightbg: #dc267f;
 $medium-darkbg: #FF509E;
@@ -85,7 +85,7 @@ $active: #c6b6f5;
 $inactive: $severity-medium-lightbg;
 
 // Links
-$links: #3c6df0;
+$links: #2d60e5;
 $links__hover: $lightbg__primary;
 $links__visited: #8ea7ea;
 $links__disabled: rgba(27, 40, 52, 0.70);
diff --git a/app/common/styles/base/mixins.scss b/app/common/styles/base/mixins.scss
index 6067a0e..c29936d 100644
--- a/app/common/styles/base/mixins.scss
+++ b/app/common/styles/base/mixins.scss
@@ -56,7 +56,7 @@
 }
 
 @mixin bgImage__arrowDown-accent {
-  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: #3c6df0'></polygon></svg>");
+  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: #2d60e5'></polygon></svg>");
 }
 
 @mixin bgImage__arrowDown-grey {
-- 
cgit v1.2.1