Redocly/redoc
1
1
Fork 0
mirror of https://github.com/Redocly/redoc.git synced 2025-08-08 14:14:56 +03:00
Code Issues Packages Projects Releases Wiki Activity

new theme changes

Browse Source
This commit is contained in:
Yurov Dmitry 2019-01-10 17:28:55 +03:00
parent f16eb578de
commit 0fb2fd9366
3 changed files with 5 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/common-elements/PrismDiv.tsx
View File

@ -9,7 +9,6 @@ export const PrismDiv = styled.div`
pre[class*='language-'] { pre[class*='language-'] {
/* color: white; /* color: white;
background: none; */ background: none; */
text-shadow: 0 -0.1em 0.2em black;
text-align: left; text-align: left;
white-space: pre; white-space: pre;
word-spacing: normal; word-spacing: normal;

10
src/components/Markdown/styled.elements.tsx
View File

@ -65,11 +65,9 @@ export const StyledMarkdownBlock = styled(PrismDiv as StyledComponent<
code { code {
color: ${({ theme }) => theme.typography.code.color}; color: ${({ theme }) => theme.typography.code.color};
background-color: ${({ theme }) => theme.typography.code.backgroundColor}; background-color: #fff;
font-family: ${props => props.theme.typography.code.fontFamily}; font-family: ${props => props.theme.typography.code.fontFamily};
border-radius: 2px; border-radius: 2px;
border: 1px solid rgba(38, 50, 56, 0.1);
padding: 0.1em 0.25em 0.2em; padding: 0.1em 0.25em 0.2em;
font-size: ${props => props.theme.typography.code.fontSize}; font-size: ${props => props.theme.typography.code.fontSize};
font-weight: ${({ theme }) => theme.typography.code.fontWeight}; font-weight: ${({ theme }) => theme.typography.code.fontWeight};
@ -80,8 +78,8 @@ export const StyledMarkdownBlock = styled(PrismDiv as StyledComponent<
pre { pre {
font-family: ${props => props.theme.typography.code.fontFamily}; font-family: ${props => props.theme.typography.code.fontFamily};
white-space:${({ theme }) => (theme.typography.code.wrap ? 'pre-wrap' : 'pre')}; white-space:${({ theme }) => (theme.typography.code.wrap ? 'pre-wrap' : 'pre')};
background-color: #263238; background-color: #f5f5f5;
color: white; color: #333333;
padding: 12px 14px 15px 14px; padding: 12px 14px 15px 14px;
overflow-x: auto; overflow-x: auto;
line-height: normal; line-height: normal;
@ -90,7 +88,7 @@ export const StyledMarkdownBlock = styled(PrismDiv as StyledComponent<
code { code {
background-color: transparent; background-color: transparent;
color: white; color: #333333;
padding: 0; padding: 0;
&:before, &:before,

2
src/theme.ts
View File

@ -4,7 +4,7 @@ const defaultTheme: ThemeInterface = {
spacing: { spacing: {
unit: 5, unit: 5,
sectionHorizontal: ({ spacing }) => spacing.unit * 8, sectionHorizontal: ({ spacing }) => spacing.unit * 8,
sectionVertical: ({ spacing }) => spacing.unit * 8, sectionVertical: 0,
}, },
breakpoints: { breakpoints: {
small: '50rem', small: '50rem',