Nocturnal Pumpkin Maelstrom

    @instructure/ui-themes
    TypeScript icon, indicating that this package has built-in type declarations

    8.11.1 • Public • Published

    category: packages

    ui-themes

    npm  MIT License  Code of Conduct

    Installation

    yarn add @instructure/ui-themes

    Usage

    Before mounting (rendering) your React application:

    import { canvas } from '@instructure/ui-themes'
    
    ReactDOM.render(
      <EmotionThemeProvider theme={canvas}>
        <App />
      </EmotionThemeProvider>,
      element
    )

    To override the variables:

    import { canvas } from '@instructure/ui-themes'
    const themeOverrides = { colors: { brand: 'red' } }
    
    ReactDOM.render(
      <EmotionThemeProvider theme={{ ...canvas, ...themeOverrides }}>
        <App />
      </EmotionThemeProvider>,
      element
    )

    To use the high contrast theme:

    import { canvasHighContrast } from '@instructure/ui-themes'
    
    ReactDOM.render(
      <EmotionThemeProvider theme={canvasHighContrast}>
        <App />
      </EmotionThemeProvider>,
      element
    )

    Keywords

    none

    Install

    npm i @instructure/ui-themes

    DownloadsWeekly Downloads

    3,752

    Version

    8.11.1

    License

    MIT

    Unpacked Size

    35.1 kB

    Total Files

    11

    Last publish

    Collaborators

    • instuici
    • codequistador
    • natearmstrong
    • eschiebel
    • maths22
    • hyan
    • jcrystal
    • skacsmark
    • itadmins
    • quizzesuici
    • instructure-toolsmiths-service-user
    • prenner
    • aogata-inst
    • acallejas
    • viktor.ohad
    • eszter.szabo
    • amireh-inst
    • daniel.hatas.instructure
    • brianlwatson
    • instout