Update gray color palette to match style guide
Updated gray palette to match updated design guide
- Color changes per page will be addressed in
separate commits.
Updated sytle guide documentation with new colors.
Signed-off-by: Dixsie Wolmers <dixsie@ibm.com>
Change-Id: Ic771d932ace38d3abbbf65038f00e25391db5dd0
diff --git a/docs/themes/readme.md b/docs/themes/readme.md
index 7dd177a..4d76aa2 100644
--- a/docs/themes/readme.md
+++ b/docs/themes/readme.md
@@ -75,14 +75,14 @@
$yellow-100: #fff8e4;
$yellow-500: #efc100;
-$gray-100: #fafafa;
-$gray-200: #f4f4f4;
-$gray-300: #dcdee0;
-$gray-400: #ccc;
+$gray-100: #f4f4f4;
+$gray-200: #e6e6e6;
+$gray-300: #d8d8d8;
+$gray-400: #cccccc;
$gray-500: #b3b3b3;
$gray-600: #999999;
$gray-700: #666666;
-$gray-800: #333333;
+$gray-800: #3f3f3f;
$gray-900: #161616;
```
diff --git a/src/assets/styles/bmc/helpers/_colors.scss b/src/assets/styles/bmc/helpers/_colors.scss
index ce89aba..61f1559 100644
--- a/src/assets/styles/bmc/helpers/_colors.scss
+++ b/src/assets/styles/bmc/helpers/_colors.scss
@@ -14,14 +14,14 @@
$yellow-100: #fff8e4;
$yellow-500: #efc100;
-$gray-100: #fafafa;
-$gray-200: #f4f4f4;
-$gray-300: #dcdee0;
-$gray-400: #ccc;
+$gray-100: #f4f4f4;
+$gray-200: #e6e6e6;
+$gray-300: #d8d8d8;
+$gray-400: #cccccc;
$gray-500: #b3b3b3;
$gray-600: #999999;
$gray-700: #666666;
-$gray-800: #333333;
+$gray-800: #3f3f3f;
$gray-900: #161616;
// Sass Base Color Variables