feat(odyssey-react-mui): include color properties in type styles

okta · Jun 1, 2023 · a817ffb · a817ffb
1 parent 5afc6ed
commit a817ffb
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/packages/odyssey-react-mui/src/theme/typography.ts b/packages/odyssey-react-mui/src/theme/typography.ts
@@ -31,36 +31,42 @@ export const typography = (
       letterSpacing: 0,
     },
     h1: {
+      color: odysseyTokens.TypographyColorHeading,
       fontWeight: Number(odysseyTokens.TypographyWeightHeading),
       fontSize: odysseyTokens.TypographySizeHeading1,
       lineHeight: odysseyTokens.TypographyLineHeightHeading1,
       marginBottom: odysseyTokens.Spacing2,
     },
     h2: {
+      color: odysseyTokens.TypographyColorHeading,
       fontWeight: Number(odysseyTokens.TypographyWeightHeading),
       fontSize: odysseyTokens.TypographySizeHeading2,
       lineHeight: odysseyTokens.TypographyLineHeightHeading2,
       marginBottom: odysseyTokens.Spacing2,
     },
     h3: {
+      color: odysseyTokens.TypographyColorHeading,
       fontWeight: Number(odysseyTokens.TypographyWeightHeading),
       fontSize: odysseyTokens.TypographySizeHeading3,
       lineHeight: odysseyTokens.TypographyLineHeightHeading3,
       marginBottom: odysseyTokens.Spacing2,
     },
     h4: {
+      color: odysseyTokens.TypographyColorHeading,
       fontWeight: Number(odysseyTokens.TypographyWeightHeading),
       fontSize: odysseyTokens.TypographySizeHeading4,
       lineHeight: odysseyTokens.TypographyLineHeightHeading4,
       marginBottom: odysseyTokens.Spacing2,
     },
     h5: {
+      color: odysseyTokens.TypographyColorHeading,
       fontWeight: Number(odysseyTokens.TypographyWeightHeading),
       fontSize: odysseyTokens.TypographySizeHeading5,
       lineHeight: odysseyTokens.TypographyLineHeightHeading5,
       marginBottom: odysseyTokens.Spacing2,
     },
     h6: {
+      color: odysseyTokens.TypographyColorHeading,
       fontWeight: Number(odysseyTokens.TypographyWeightHeading),
       fontSize: odysseyTokens.TypographyScale2,
       lineHeight: odysseyTokens.TypographyLineHeightHeading6,
@@ -74,6 +80,7 @@ export const typography = (
     },
     subtitle2: undefined,
     body1: {
+      color: odysseyTokens.TypographyColorBody,
       fontFamily: odysseyTokens.TypographyFamilyBody,
       fontWeight: Number(odysseyTokens.TypographyWeightBody),
       fontSize: odysseyTokens.TypographyScale1,