@instructure/ui-themes

ui-themes

Installation

npm install @instructure/ui-themes

Usage

Before mounting (rendering) your React application:

import canvas from '@instructure/ui-themes'

ReactDOM.render(
  <InstUISettingsProvider theme={canvas}>
    <App />
  </InstUISettingsProvider>,
  element
)

To override the theme variables:

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

ReactDOM.render(
  <InstUISettingsProvider theme={{ ...canvas, ...themeOverrides }}>
    <App />
  </InstUISettingsProvider>,
  element
)

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