JSPM

@instructure/canvas-high-contrast-theme

7.4.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 7733
  • Score
    100M100P100Q143581F
  • License MIT

A high contrast theme for Canvas LMS made by Instructure Inc.

Package Exports

  • @instructure/canvas-high-contrast-theme
  • @instructure/canvas-high-contrast-theme/package.json

Readme

category: packages

canvas-high-contrast-theme

npm build-status MIT License Code of Conduct

A high contrast UI component theme for Canvas LMS made by Instructure Inc.

This theme meets the WCAG 2 Level AA 4.5:1 minimum contrast requirements.

Installation

yarn add @instructure/canvas-high-contrast-theme

Usage

Before mounting (rendering) your React application:

import { theme } from '@instructure/canvas-high-contrast-theme'
theme.use()

To override the variables:

theme.use({ overrides: { colors: { brand: 'red' } } })