useTheme

Function

useTheme(useDefaultTheme: boolean): IMThemeVariables

A React hook that provides the current theme as its value. If the theme is updated, the child component will be re-rendered accordingly.

Use dark colors for code blocksCopy
import { css } from 'jimu-core'
import { useTheme } from 'jimu-theme'

const MyComponent = () => {
  const theme = useTheme()

  return (
    <div css={css({ backgroundColor: theme.sys.color.surface.paper })}>
      Hello World
    </div>
  )
}

Parameters

Parameter	Type	Default
`useDefaultTheme`	boolean	`true`

Returns

IMThemeVariables