Function apply

packages/app-core/src/App.tsx:423–436

()

    const html = document.documentElement
    const mql = window.matchMedia('(prefers-color-scheme: dark)')
    const apply = (): void => {
      const prefersDark = mql.matches
      if (isCustomThemeId(themeId)) {
        const slug = customThemeSlugFromId(themeId)
        const theme = customThemes.find((t) => t.slug === slug)
        const wantDark = themeMode === 'auto' ? prefersDark : themeMode === 'dark'
        html.dataset.theme = themeId
        html.dataset.themeMode = resolveCustomThemeMode(theme, wantDark)
      } else {
        const id = themeMode === 'auto' ? resolveAuto(themeFamily, prefersDark, themeId) : themeId
        html.dataset.theme = id
        html.dataset.themeMode = findTheme(id).mode
      }
    }
    apply()
    if (themeMode === 'auto') {
      mql.addEventListener('change', apply)