Improve inline code contrast (#2182)

Author: tylersticka

.changeset/six-bottles-retire.md

@@ -0,0 +1,5 @@
+---
+'@cloudfour/patterns': patch
+---
+
+Inline code elements inside of lighter gray containers now have improved contrast.

src/base/_themes.scss

@@ -21,7 +21,7 @@
   --theme-color-border-text-group: var(--theme-color-border-base);
   --theme-color-text-action: #{color.$text-action};
   --theme-color-text-base: #{color.$text-dark};
-  --theme-color-text-code: #{color.$base-fuchsia};
+  --theme-color-text-code: #{color.$text-code};
   --theme-color-text-emphasis: var(--theme-color-text-base);
   --theme-color-text-muted: #{color.$text-dark-muted};
   --theme-opacity-del: #{opacity.$muted};

src/tokens/color/text.json

@@ -20,6 +20,10 @@
       "action": {
         "value": "{color.base.blue.value}",
         "comment": "Accessible on white and lighter-gray."
+      },
+      "code": {
+        "value": "hsla(322, 98%, 40%, 0.94)",
+        "comment": "Similar to the base fuchsia, but accessible on white and lighter-gray."
       }
     }
   }