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

fix: fix contrast ratio for response titles

Browse Source
This commit is contained in:
Anya Stasiuk 2020-06-02 16:27:00 +03:00 committed by Roman Hotsiy
parent 0904b3fec2
commit 47c6319206
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/theme.ts
View File

@ -20,7 +20,7 @@ const defaultTheme: ThemeInterface = {
contrastText: ({ colors }) => readableColor(colors.primary.main), contrastText: ({ colors }) => readableColor(colors.primary.main),
}, },
success: { success: {
main: '#37d247', main: '#1d8127',
light: ({ colors }) => lighten(colors.tonalOffset * 2, colors.success.main), light: ({ colors }) => lighten(colors.tonalOffset * 2, 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),
@ -32,7 +32,7 @@ const defaultTheme: ThemeInterface = {
contrastText: '#ffffff', contrastText: '#ffffff',
}, },
error: { error: {
main: '#e53935', main: '#d41f1c',
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),
@ -52,11 +52,11 @@ const defaultTheme: ThemeInterface = {
responses: { responses: {
success: { success: {
color: ({ colors }) => colors.success.main, color: ({ colors }) => colors.success.main,
backgroundColor: ({ colors }) => transparentize(0.9, colors.success.main), backgroundColor: ({ colors }) => transparentize(0.93, colors.success.main),
}, },
error: { error: {
color: ({ colors }) => colors.error.main, color: ({ colors }) => colors.error.main,
backgroundColor: ({ colors }) => transparentize(0.9, colors.error.main), backgroundColor: ({ colors }) => transparentize(0.93, colors.error.main),
}, },
redirect: { redirect: {
color: ({ colors }) => colors.warning.main, color: ({ colors }) => colors.warning.main,