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
  • 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