H2: Set color form theme.colors.text.primary (#1491)

* H2: Set color form theme.colors.primary.main

* feat: change heading color configuration from `primary.main` to `text.primary`

Co-authored-by: Oprysk <vyacheslav@redocly.com>
This commit is contained in:
Ajeet Shah 2022-03-23 21:24:11 +05:30 committed by GitHub
parent 09786f2a5a
commit 25be934bb1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -15,21 +15,22 @@ export const headerCommonMixin = level => css`
export const H1 = styled.h1` export const H1 = styled.h1`
${headerCommonMixin(1)}; ${headerCommonMixin(1)};
color: ${({ theme }) => theme.colors.primary.main}; color: ${({ theme }) => theme.colors.text.primary};
${extensionsHook('H1')}; ${extensionsHook('H1')};
`; `;
export const H2 = styled.h2` export const H2 = styled.h2`
${headerCommonMixin(2)}; ${headerCommonMixin(2)};
color: black; color: ${({ theme }) => theme.colors.text.primary};
margin: 0 0 20px;
${extensionsHook('H2')}; ${extensionsHook('H2')};
`; `;
export const H3 = styled.h2` export const H3 = styled.h2`
${headerCommonMixin(3)}; ${headerCommonMixin(3)};
color: black; color: ${({ theme }) => theme.colors.text.primary};
${extensionsHook('H3')}; ${extensionsHook('H3')};
`; `;