Theme

Examples

import Theme from '@pluralsight/ps-design-system-theme'
import React from 'react'
import { ThemedComponent } from './some/component/path'
const Example: React.FC = props => {
  return (
    <Theme name={Theme.names.light}>
      <div>
        <ThemedComponent />
      </div>
    </Theme>
  )
}
export default Example

The product is mostly presented within a "dark" interface theme. This is the default, but the Theme component can change that for a page or subset of themeable components.

Usage & types

  • Version
    6.0.10
  • Install
    npm install @pluralsight/ps-design-system-theme
  • Import
    import Theme from '@pluralsight/ps-design-system-theme'
Name
Type
Description
Default
name
dark | light
controls which theme is used in child components
dark