Styled components: Using props from a <ThemeProvider />

Button.js

// Define our button, but with the use of props.theme this time
const Button = styled.button`
	font-size: 1em;
	margin: 1em;
	padding: 0.25em 1em;
	border-radius: 3px;

	/* Color the border and text with theme properties */
	color: ${props => props.theme.darkGray};
	border: 2px solid ${props => props.theme.darkGray};
`;