Redocly/redoc
1
1
Fork 0
mirror of https://github.com/Redocly/redoc.git synced 2025-02-07 21:40:32 +03:00
Code Issues Packages Projects Releases Wiki Activity

feat: new theme colors: code and codeBg

Browse Source
This commit is contained in:
Roman Hotsiy 2018-05-28 21:47:37 +03:00
parent 782ef77080
commit f8b793d2dc
No known key found for this signature in database
GPG Key ID: 5CB7B3ACABA57CB0
3 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/common-elements/headers.ts
View File

@ -18,7 +18,6 @@ export const headerCommonMixin = level => css`
export const H1 = styled.h1` export const H1 = styled.h1`
${headerCommonMixin(1)}; ${headerCommonMixin(1)};
color: ${props => props.theme.colors.main}; color: ${props => props.theme.colors.main};
text-transform: capitalize;
`; `;
export const H2 = styled.h2` export const H2 = styled.h2`

4
src/components/Markdown/styles.ts
View File

@ -30,8 +30,8 @@ export const markdownCss = css`
} }
code { code {
color: #e53935; color: ${({ theme }) => theme.colors.code};
background-color: rgba(38, 50, 56, 0.04); background-color: ${({ theme }) => theme.colors.codeBg};
font-family: ${props => props.theme.code.fontFamily}; font-family: ${props => props.theme.code.fontFamily};
border-radius: 2px; border-radius: 2px;
border: 1px solid rgba(38, 50, 56, 0.1); border: 1px solid rgba(38, 50, 56, 0.1);

4
src/theme.ts
View File

@ -14,6 +14,8 @@ const defaultTheme: ThemeInterface = {
error: '#e53935', error: '#e53935',
info: '#87ceeb', info: '#87ceeb',
text: '#263238', text: '#263238',
code: '#e53935',
codeBg: 'rgba(38, 50, 56, 0.04)',
warning: '#f1c400', warning: '#f1c400',
http: { http: {
get: '#6bbd5b', get: '#6bbd5b',
@ -118,6 +120,8 @@ export interface ResolvedThemeInterface {
error: string; error: string;
info: string; info: string;
text: string; text: string;
code: string;
codeBg: string;
warning: string; warning: string;
http: { http: {
get: string; get: string;