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

refactor: update gray colors

Browse Source
This commit is contained in:
Oleksiy Kachynskyy 2020-04-08 10:58:13 +03:00
parent 30a9a3f2f9
commit 51311e2acd
3 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/Callbacks/CallbackTitle.tsx
View File

@ -1,5 +1,6 @@
import * as React from 'react'; import * as React from 'react';
import { darken } from 'polished';
import { ShelfIcon } from '../../common-elements'; import { ShelfIcon } from '../../common-elements';
import { OperationBadge } from '../SideMenu/styled.elements'; import { OperationBadge } from '../SideMenu/styled.elements';
import { shortenHTTPVerb } from '../../utils/openapi'; import { shortenHTTPVerb } from '../../utils/openapi';
@ -38,7 +39,7 @@ const CallbackTitleWrapper = styled.div`
${ShelfIcon} { ${ShelfIcon} {
polygon { polygon {
fill: ${({ theme }) => theme.colors.gray.A200}; fill: ${({ theme }) => darken(theme.colors.tonalOffset, theme.colors.gray[100])};
} }
} }
`; `;

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

@ -6,7 +6,7 @@ export const StyledCallbackTitle = styled(CallbackTitle)`
border-radius: 2px; border-radius: 2px;
margin-bottom: 4px; margin-bottom: 4px;
line-height: 1.5em; line-height: 1.5em;
background-color: ${({ theme }) => theme.colors.gray.A50}; background-color: ${({ theme }) => theme.colors.gray[100]};
cursor: pointer; cursor: pointer;
`; `;

8
src/theme.ts
View File

@ -38,9 +38,8 @@ const defaultTheme: ThemeInterface = {
contrastText: ({ colors }) => readableColor(colors.error.main), contrastText: ({ colors }) => readableColor(colors.error.main),
}, },
gray: { gray: {
50: '#fafafa', 50: '#FAFAFA',
A50: '#f2f2f2', 100: '#F5F5F5',
A200: '#aaaaaa',
}, },
text: { text: {
primary: '#333333', primary: '#333333',
@ -236,8 +235,7 @@ export interface ResolvedThemeInterface {
error: ColorSetting; error: ColorSetting;
gray: { gray: {
50: string; 50: string;
A50: string; 100: string;
A200: string;
}; };
border: { border: {
light: string; light: string;