Improve label contrast in dark theme (#2185)

Author: tylersticka

.changeset/metal-sloths-help.md

@@ -0,0 +1,5 @@
+---
+'@cloudfour/patterns': minor
+---
+
+Increases contrast of `label` element text inside of dark theme containers.

src/base/_defaults.scss

@@ -308,6 +308,14 @@ address {
   font-style: normal;
 }
 
+/**
+ * Labels
+ */
+
+label {
+  color: var(--theme-color-text-label);
+}
+
 /**
  * Horizontal rules
  *

src/base/_themes.scss

@@ -23,6 +23,7 @@
   --theme-color-text-base: #{color.$text-dark};
   --theme-color-text-code: #{color.$text-code};
   --theme-color-text-emphasis: var(--theme-color-text-base);
+  --theme-color-text-label: inherit;
   --theme-color-text-muted: #{color.$text-dark-muted};
   --theme-opacity-del: #{opacity.$muted};
 }
@@ -42,6 +43,7 @@
   --theme-color-text-base: #{color.$text-light};
   --theme-color-text-code: var(--theme-color-text-emphasis);
   --theme-color-text-emphasis: #{color.$text-light-emphasis};
+  --theme-color-text-label: var(--theme-color-text-emphasis);
   --theme-color-text-muted: #{color.$text-light};
   --theme-opacity-del: 1;
 }