Skip to content

Commit 4bd0c48

Browse files
Jeremy LevyJeremy Levy
Jeremy Levy
authored and
Jeremy Levy
committed
fix - partial fix for styleguidist#879
- improves accessibility in the example application for various components - to meet WCAG 2.0 color contrast requirements foreground/background must have a ratio of 4.5.1 or greater - side-bar navigation links, darkened link color #1978c8 -> #1873bf - PropType table, darkened prop ```name``` color #7f9a44 -> #667c36 - PropType table, darkened ```type``` color #b77daa -> #a15994 - VersionRenderer - changed the text color from ```color.light``` -> ```color.error```
1 parent 1ec5e06 commit 4bd0c48

File tree

2 files changed

+4
-4
lines changed

2 files changed

+4
-4
lines changed

Diff for: src/rsg-components/Version/VersionRenderer.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import Styled from 'rsg-components/Styled';
44

55
const styles = ({ color, fontFamily, fontSize }) => ({
66
version: {
7-
color: color.light,
7+
color: color.error,
88
margin: [[5, 0, 0, 0]],
99
fontFamily: fontFamily.base,
1010
fontSize: fontSize.base,

Diff for: src/styles/theme.js

+3-3
Original file line numberDiff line numberDiff line change
@@ -13,11 +13,11 @@ export const color = {
1313
base: '#333',
1414
light: '#767676',
1515
lightest: '#ccc',
16-
link: '#1978c8',
16+
link: '#1873bf',
1717
linkHover: '#f28a25',
1818
border: '#e8e8e8',
19-
name: '#7f9a44',
20-
type: '#b77daa',
19+
name: '#667c36',
20+
type: '#a15994',
2121
error: '#c00',
2222
baseBackground: '#fff',
2323
codeBackground: '#f5f5f5',

0 commit comments

Comments
 (0)