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

coloise

Browse Source
This commit is contained in:
Yurov Dmitry 2019-01-15 12:02:00 +03:00
parent fe4cf5df22
commit d4ecad5ee2
3 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Endpoint/styled.elements.ts
View File

@ -15,15 +15,16 @@ export const ServerRelativeURL = styled.span`
`; `;
export const EndpointInfo = styled.div<{ expanded?: boolean; inverted?: boolean }>` export const EndpointInfo = styled.div<{ expanded?: boolean; inverted?: boolean }>`
margin-top: -15px;
padding: 10px 30px 10px ${props => (props.inverted ? '10px' : '20px')}; padding: 10px 30px 10px ${props => (props.inverted ? '10px' : '20px')};
border-radius: ${props => (props.inverted ? '0' : '4px 4px 0 0')}; border-radius: ${props => (props.inverted ? '0' : '4px 4px 0 0')};
background-color: ${props => background-color: ${props => props.theme.codeSample.backgroundColor};
props.inverted ? 'transparent' : props.theme.codeSample.backgroundColor};
display: flex; display: flex;
white-space: nowrap; white-space: nowrap;
align-items: center; align-items: center;
border: ${props => (props.inverted ? '0' : '1px solid transparent')}; border: ${props => (props.inverted ? '0' : '1px solid transparent')};
border-bottom: ${props => (props.inverted ? '1px solid #ccc' : '0')}; border-bottom: ${props => (props.inverted ? '1px solid #ccc' : '0')};
border-radius: 4px;
transition: border-color 0.25s ease; transition: border-color 0.25s ease;
${props => ${props =>

1
src/components/Operation/Operation.tsx
View File

@ -22,7 +22,6 @@ import { Extensions } from '../Fields/Extensions';
const OperationRow = styled(Row)` const OperationRow = styled(Row)`
backface-visibility: hidden; backface-visibility: hidden;
background: #f8f8f8;
`; `;
const Description = styled.div` const Description = styled.div`

16
src/theme.ts
View File

@ -14,25 +14,25 @@ const defaultTheme: ThemeInterface = {
colors: { colors: {
tonalOffset: 0.3, tonalOffset: 0.3,
primary: { primary: {
main: '#697CFF', main: '#697cff',
light: ({ colors }) => lighten(colors.tonalOffset, colors.primary.main), light: ({ colors }) => lighten(colors.tonalOffset, colors.primary.main),
dark: ({ colors }) => darken(colors.tonalOffset, colors.primary.main), dark: ({ colors }) => darken(colors.tonalOffset, colors.primary.main),
contrastText: ({ colors }) => readableColor(colors.primary.main), contrastText: ({ colors }) => readableColor(colors.primary.main),
}, },
success: { success: {
main: '#2CB72D', main: '#2cb72d',
light: ({ colors }) => lighten(colors.tonalOffset, colors.success.main), light: ({ colors }) => lighten(colors.tonalOffset, colors.success.main),
dark: ({ colors }) => darken(colors.tonalOffset, colors.success.main), dark: ({ colors }) => darken(colors.tonalOffset, colors.success.main),
contrastText: ({ colors }) => readableColor(colors.success.main), contrastText: ({ colors }) => readableColor(colors.success.main),
}, },
warning: { warning: {
main: '##FBC03D', main: '#fbc03d',
light: ({ colors }) => lighten(colors.tonalOffset, colors.warning.main), light: ({ colors }) => lighten(colors.tonalOffset, colors.warning.main),
dark: ({ colors }) => darken(colors.tonalOffset, colors.warning.main), dark: ({ colors }) => darken(colors.tonalOffset, colors.warning.main),
contrastText: '#ffffff', contrastText: '#ffffff',
}, },
error: { error: {
main: '#FC5B4F', main: '#fc5b4f',
light: ({ colors }) => lighten(colors.tonalOffset, colors.error.main), light: ({ colors }) => lighten(colors.tonalOffset, colors.error.main),
dark: ({ colors }) => darken(colors.tonalOffset, colors.error.main), dark: ({ colors }) => darken(colors.tonalOffset, colors.error.main),
contrastText: ({ colors }) => readableColor(colors.error.main), contrastText: ({ colors }) => readableColor(colors.error.main),
@ -64,9 +64,9 @@ const defaultTheme: ThemeInterface = {
}, },
}, },
http: { http: {
get: '#6bbd5b', get: '#2cb72d',
post: '#248fb2', post: '#697cff',
put: '#9b708b', put: '#fbc03d',
options: '#d3ca12', options: '#d3ca12',
patch: '#e09d43', patch: '#e09d43',
delete: '#e27a7a', delete: '#e27a7a',
@ -146,7 +146,7 @@ const defaultTheme: ThemeInterface = {
textColor: '#333333', textColor: '#333333',
}, },
codeSample: { codeSample: {
backgroundColor: '#ffffff', backgroundColor: '#f8f8f8',
}, },
}; };