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

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.prolog,
.token.doctype, .token.doctype,
.token.cdata { .token.cdata {
color: hsl(30, 20%, 50%); color: #bbb;
} }
.token.punctuation { .token.punctuation {
@ -90,13 +90,13 @@ export const PrismDiv = styled.div`
.token.entity, .token.entity,
.token.url, .token.url,
.token.variable { .token.variable {
color: hsl(40, 90%, 60%); color: #ee8208;
} }
.token.atrule, .token.atrule,
.token.attr-value, .token.attr-value,
.token.keyword { .token.keyword {
color: hsl(350, 40%, 70%); color: #aa64cc;
} }
.token.regex, .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` export const PropertyDetailsCell = styled.td`
border-bottom: 1px solid #9fb4be; border-bottom: 1px solid #eee;
padding: 10px 0; padding: 10px 0;
width: ${props => props.theme.schema.defaultDetailsWidth}; width: ${props => props.theme.schema.defaultDetailsWidth};
box-sizing: border-box; box-sizing: border-box;

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

@ -24,7 +24,7 @@ export const Tabs = styled(ReactTabs)`
color: #333333; color: #333333;
margin: 5px; margin: 5px;
border: 1px solid ${({ theme }) => darken(0.1, theme.rightPanel.backgroundColor)}; border: 1px solid ${({ theme }) => darken(0.1, theme.rightPanel.backgroundColor)};
border-radius: 5px; border-radius: 4px;
min-width: 60px; min-width: 60px;
font-size: 0.9em; font-size: 0.9em;
font-weight: bold; font-weight: bold;
@ -44,7 +44,7 @@ export const Tabs = styled(ReactTabs)`
} }
&.tab-redirect { &.tab-redirect {
color: ${props => props.theme.colors.responses.redirect.color}; color: ${props => props.theme.colors.responses.redirect.color};\
} }
&.tab-info { &.tab-info {
@ -58,6 +58,7 @@ export const Tabs = styled(ReactTabs)`
} }
> .react-tabs__tab-panel { > .react-tabs__tab-panel {
background: ${({ theme }) => theme.codeSample.backgroundColor}; background: ${({ theme }) => theme.codeSample.backgroundColor};
border-radius: 4px;
& > div, & > div,
& > pre { & > pre {
padding: 20px; 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'; import { StyledDropdown } from '../../common-elements';
export const MimeLabel = styled.div` 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; margin: 0 0 10px 0;
display: block; display: block;
`; `;

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

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

2
src/theme.ts
View File

@ -26,7 +26,7 @@ const defaultTheme: ThemeInterface = {
contrastText: ({ colors }) => readableColor(colors.success.main), contrastText: ({ colors }) => readableColor(colors.success.main),
}, },
warning: { warning: {
main: '#fbc03d', main: '#ff8f73',
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',