Package Exports
- @instructure/canvas-theme
- @instructure/canvas-theme/es/index.js
- @instructure/canvas-theme/lib/index.js
- @instructure/canvas-theme/lib/package.json
- @instructure/canvas-theme/package.json
- @instructure/canvas-theme/src/index.ts
- @instructure/canvas-theme/types/index.d.ts
- @instructure/canvas-theme/types/index.d.ts.map
Readme
canvas-theme
A UI component theme made by Instructure Inc.
This theme has WCAG 2.1 Level AA minimum contrast requirement.
Installation
npm install @instructure/canvas-themeUsage
Before mounting (rendering) your React application:
import { theme } from '@instructure/canvas-theme'
ReactDOM.render(
<InstUISettingsProvider theme={theme}>
<App />
</InstUISettingsProvider>,
element
)To override the variables:
import { theme } from '@instructure/canvas-theme'
const themeOverrides = { spacing: { xxxSmall: '0.3rem' } }
ReactDOM.render(
<InstUISettingsProvider theme={{ ...theme, ...themeOverrides }}>
<App />
</InstUISettingsProvider>,
element
)