commit 5a9094256e18d7f1d347da90f9a986cdb1a49e5c
author Dixsie Wolmers <dixsie@ibm.com> Tue Jul 21 11:24:05 2020 -0500
committer Derick Montague <derick.montague@ibm.com> Mon Jul 27 21:44:21 2020 +0000
tree 6074dd11251d1f67b7dd124e20a3ac2c0a22039d
parent d7e7a16b15dd9c4753a7ee223a89081fa23b3ba8

Update Interface colors

Components affected by style guide gray pallete changes
were updated from gray200 to gray100.

Signed-off-by: Dixsie Wolmers <dixsie@ibm.com>
Change-Id: Ib5b2cca55f2c7d1d6be49e8e64a10db6ef5e4524

src/components/AppNavigation/AppNavigation.vue

diff --git a/src/components/AppNavigation/AppNavigation.vue b/src/components/AppNavigation/AppNavigation.vue
index 26ae380..51b586c 100644
--- a/src/components/AppNavigation/AppNavigation.vue
+++ b/src/components/AppNavigation/AppNavigation.vue
@@ -314,7 +314,7 @@
   left: 0;
   z-index: $zindex-fixed;
   overflow-y: auto;
-  background-color: gray('200');
+  background-color: gray('100');
   transform: translateX(-$navigation-width);
   transition: transform $exit-easing--productive $duration--moderate-02;
   @include media-breakpoint-down(md) {

src/views/Overview/OverviewQuickLinks.vue

diff --git a/src/views/Overview/OverviewQuickLinks.vue b/src/views/Overview/OverviewQuickLinks.vue
index 8dc1c8e..e0b4487 100644
--- a/src/views/Overview/OverviewQuickLinks.vue
+++ b/src/views/Overview/OverviewQuickLinks.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="quicklinks">
+  <div class="quicklinks form-background">
     <div>
       <dl>
         <dt>{{ $t('pageOverview.quicklinks.bmcTime') }}</dt>
@@ -104,7 +104,6 @@
 }
 
 .quicklinks {
-  background: gray('200');
   display: grid;
   grid-gap: 1rem;
   padding: 1rem;