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

colors

Browse Source
This commit is contained in:
Yurov Dmitry 2019-01-15 13:04:16 +03:00
parent d4ecad5ee2
commit 4eb6022907
6 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -44,7 +44,7 @@ export const PrismDiv = styled.div`
.token.prolog,
.token.doctype,
.token.cdata {
color: hsl(30, 20%, 50%);
color: #bbb;
}
.token.punctuation {
@ -90,13 +90,13 @@ export const PrismDiv = styled.div`
.token.entity,
.token.url,
.token.variable {
color: hsl(40, 90%, 60%);
color: #ee8208;
}
.token.atrule,
.token.attr-value,
.token.keyword {
color: hsl(350, 40%, 70%);
color: #aa64cc;
}
.token.regex,

2
src/common-elements/fields-layout.ts
View File

@ -75,7 +75,7 @@ export const PropertyNameCell = styled(PropertyCell)`
`;
export const PropertyDetailsCell = styled.td`
border-bottom: 1px solid #9fb4be;
border-bottom: 1px solid #eee;
padding: 10px 0;
width: ${props => props.theme.schema.defaultDetailsWidth};
box-sizing: border-box;

5
src/common-elements/tabs.ts
View File

@ -24,7 +24,7 @@ export const Tabs = styled(ReactTabs)`
color: #333333;
margin: 5px;
border: 1px solid ${({ theme }) => darken(0.1, theme.rightPanel.backgroundColor)};
border-radius: 5px;
border-radius: 4px;
min-width: 60px;
font-size: 0.9em;
font-weight: bold;
@ -44,7 +44,7 @@ export const Tabs = styled(ReactTabs)`
}
&.tab-redirect {
color: ${props => props.theme.colors.responses.redirect.color};
color: ${props => props.theme.colors.responses.redirect.color};\
}
&.tab-info {
@ -58,6 +58,7 @@ export const Tabs = styled(ReactTabs)`
}
> .react-tabs__tab-panel {
background: ${({ theme }) => theme.codeSample.backgroundColor};
border-radius: 4px;
& > div,
& > pre {
padding: 20px;

2
src/components/PayloadSamples/styled.elements.ts
View File

@ -5,7 +5,7 @@ import styled from '../../styled-components';
import { StyledDropdown } from '../../common-elements';
export const MimeLabel = styled.div`
border-bottom: 1px solid rgba(255, 255, 255, 0.9);
border-bottom: 1px solid #c2c2c2;
margin: 0 0 10px 0;
display: block;
`;

2
src/components/Responses/styled.elements.ts
View File

@ -6,7 +6,7 @@ import { ResponseTitle } from './ResponseTitle';
export const StyledResponseTitle = styled(ResponseTitle)`
padding: 10px;
border-radius: 2px;
border-radius: 4px;
margin-bottom: 4px;
line-height: 1.5em;
background-color: #f2f2f2;

2
src/theme.ts
View File

@ -26,7 +26,7 @@ const defaultTheme: ThemeInterface = {
contrastText: ({ colors }) => readableColor(colors.success.main),
},
warning: {
main: '#fbc03d',
main: '#ff8f73',
light: ({ colors }) => lighten(colors.tonalOffset, colors.warning.main),
dark: ({ colors }) => darken(colors.tonalOffset, colors.warning.main),
contrastText: '#ffffff',