fix(HTTPErrors): explicitly set text color and update snapshot (#1155)

Co-authored-by: Matt Gallo <[email protected]> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
carbon-design-system · Aug 13, 2021 · bd37ca6 · bd37ca6
1 parent a146e36
commit bd37ca6
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/packages/cloud-cognitive/src/__tests__/__snapshots__/styles.test.js.snap b/packages/cloud-cognitive/src/__tests__/__snapshots__/styles.test.js.snap
@@ -988,6 +988,12 @@ exports[`CSS export checks doesn't change the exported CSS for released componen
   margin-bottom: var(--cds-spacing-06, 1.5rem);
 }
 
+.exp--http-errors .exp--http-errors__error-code-label,
+.exp--http-errors .exp--http-errors__title,
+.exp--http-errors .exp--http-errors__description {
+  color: var(--cds-text-01, #161616);
+}
+
 .exp--http-errors .exp--http-errors__link {
   display: block;
   margin-bottom: var(--cds-spacing-02, 0.25rem);

diff --git a/packages/cloud-cognitive/src/components/HTTPErrors/_http-errors.scss b/packages/cloud-cognitive/src/components/HTTPErrors/_http-errors.scss
@@ -46,6 +46,11 @@
 
     margin-bottom: $spacing-06;
   }
+  .#{$block-class} .#{$block-class}__error-code-label,
+  .#{$block-class} .#{$block-class}__title,
+  .#{$block-class} .#{$block-class}__description {
+    color: $text-01;
+  }
   .#{$block-class} .#{$block-class}__link {
     display: block;
     margin-bottom: $spacing-02;