@instructure/ui-themes

ui-themes

[![npm][npm]][npm-url]
[![MIT License][license-badge]][license]
[![Code of Conduct][coc-badge]][coc]

$3

``sh
npm install @instructure/ui-themes
`

$3

##### Before mounting (rendering) your React application:

`jsx
import canvas from '@instructure/ui-themes'

ReactDOM.render(


,
element
)
`

##### To override the theme variables:

`jsx
import canvas from '@instructure/ui-themes'
const themeOverrides = { colors: { brand: 'red' } }

ReactDOM.render(


,
element
)
``

> You can read more about how our theming system works and how to use it here

[npm]: https://img.shields.io/npm/v/@instructure/ui-themes.svg
[npm-url]: https://npmjs.com/package/@instructure/ui-themes
[license-badge]: https://img.shields.io/npm/l/instructure-ui.svg?style=flat-square
[license]: https://github.com/instructure/instructure-ui/blob/master/LICENSE.md
[coc-badge]: https://img.shields.io/badge/code%20of-conduct-ff69b4.svg?style=flat-square
[coc]: https://github.com/instructure/instructure-ui/blob/master/CODE_OF_CONDUCT.md