const darkThemeMq = window.matchMedia("(prefers-color-scheme: dark)");
if (darkThemeMq.matches) {
  const link = document.createElement("link");
  link.rel = "stylesheet";
  link.type = "text/css";
  link.href = "css/dark.css";
  document.head.appendChild(link);
  // Theme set to dark.
} else {
  const link = document.createElement("link");
  link.rel = "stylesheet";
  link.type = "text/css";
  link.href = "css/light.css";
  document.head.appendChild(link);
  // Theme set to light.
}

darkThemeMq.addEventListener("change", (e) => {
  if (e.matches) {
    const link = document.createElement("link");
    link.rel = "stylesheet";
    link.type = "text/css";
    link.href = "css/dark.css";
    document.head.appendChild(link);
    // Theme set to dark.
  } else {
    const link = document.createElement("link");
    link.rel = "stylesheet";
    link.type = "text/css";
    link.href = "css/light.css";
    document.head.appendChild(link);
    // Theme set to light.
  }
});