Text that is rendered using the Typography component can use colors from the Material-UI theme used by the app.
Using theme colors
How to do it...
For this example, you'll find a Storybook control that allows you to change the color of the text using predefined Color names from the theme, as shown in the following screenshot:
Here's the source for the example that uses the selected color by passing it to the color property of each Typography component:
import React, { Fragment } from 'react';
import Typography from '@material-ui/core/Typography';
const UsingThemeColors = ({ color }) => (
<Fragment>
<Typography variant="h1" color={color}>
h1 variant
</Typography...