Ошибка задержки переключения нескольких тем при загрузке

Question

Я хотел бы, чтобы тема и CSS темы загружались раньше всего, обеспечивая хороший предварительный просмотр. Вот JS темы

У меня есть статический HTML-сайт с тремя разными темами внутри, благодаря классу, присвоенному телу каждой HTML-страницы, и назначенным ему стилям CSS.

Когда я меняю тему, например, назначая «серую» тему, страница всегда загружает тему «по умолчанию» в течение некоторого времени, а затем загружает «серую» тему только тогда, когда загружаются все элементы страницы, что приводит к страница выглядит очень некрасиво.

Я хотел бы, чтобы тема и CSS темы загружались раньше всего, обеспечивая хороший предварительный просмотр. Вот JS темы:

      window.onload = function() {
        // Try to read from local storage, otherwise set to default
        let currentTheme = localStorage.getItem("mytheme") || "default";

        setTheme("default", currentTheme);

        const themeSelector = document.getElementById("theme-selector");
        themeSelector.value = currentTheme;

        themeSelector.addEventListener("change", function(e) {
          const newTheme = e.currentTarget.value;
          setTheme(currentTheme, newTheme);
        });

        function setTheme(oldTheme, newTheme) {
          const body = document.getElementsByTagName("body")[0];

          body.classList.remove(oldTheme);
          body.classList.add(newTheme);

          currentTheme = newTheme;

          // Store the new theme in local storage
          localStorage.setItem("mytheme", newTheme);
        }
      };`