Tldraw/packages/tldraw/src/hooks/useTheme.ts

import type { Data, Theme } from '~types'
import { useTLDrawContext } from './useTLDrawContext'

const themeSelector = (data: Data): Theme => (data.settings.isDarkMode ? 'dark' : 'light')

export function useTheme() {
  const { tlstate, useSelector } = useTLDrawContext()
  const theme = useSelector(themeSelector)

  return {
    theme,
    toggle: tlstate.toggleDarkMode,
  }
}