Function applyThemeToElement

webapp/_webapp/src/hooks/useThemeSync.ts:9–15

(el: HTMLElement, isDark: boolean)

const SCOPE_ROOT_IDS = ["paper-debugger-root", "pd-portal", "pd-embed-sidebar"];

function applyThemeToElement(el: HTMLElement, isDark: boolean): void {
  if (isDark) {
    el.classList.add("dark");
  } else {
    el.classList.remove("dark");
  }
}

function applyTheme(isDark: boolean): void {
  const roots = SCOPE_ROOT_IDS.map((id) => document.getElementById(id)).filter((el): el is HTMLElement => !!el);