template/static/js/util/setThemeBeforeRender.js


1
2
3
4
5
6
7
8
9
10
11

const preferredMode = window.matchMedia("(prefers-color-scheme: dark)").matches
  ? "DARK"
  : "LIGHT";

// sets theme before rendering & jquery loaded to prevent flashing of uninitialized theme
// (ugly white background)
localStorage.setItem("theme", localStorage.getItem("theme") || preferredMode);
document.documentElement.setAttribute(
  "data-theme",
  localStorage.getItem("theme"),
);