fix(loading-message): update background color token (#628)

Co-authored-by: Jen Downs <[email protected]>
carbon-design-system · Jun 24, 2020 · f9966c7 · f9966c7
1 parent 33347d6
commit f9966c7
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/src/__tests__/scss/__snapshots__/SCSS.spec.js.snap b/src/__tests__/scss/__snapshots__/SCSS.spec.js.snap
@@ -12079,6 +12079,10 @@ input:not(output):not([data-invalid]):-moz-ui-invalid {
   height: 2rem;
 }
 
+.bx--loading-overlay {
+  background-color: var(--overlay-01, rgba(22, 22, 22, 0.7));
+}
+
 .security--status-icon {
   display: flex;
   align-items: center;

diff --git a/src/components/Loading/_index.scss b/src/components/Loading/_index.scss
@@ -5,6 +5,8 @@
 ////
 
 @import '@carbon/layout/scss/spacing';
+@import '@carbon/themes/scss/tokens';
+
 @import 'carbon-components/scss/globals/scss/vars';
 
 @import 'carbon-components/scss/components/loading/loading';
@@ -30,5 +32,10 @@
       width: $loading--small__sizing__dimensions;
       height: $loading--small__sizing__dimensions;
     }
+
+    // https://github.com/carbon-design-system/carbon/pull/6323
+    &-overlay {
+      background-color: $overlay-01;
+    }
   }
 }