1  function transitionColors() {
2    if (typeof window !== "undefined") {
3      document.startViewTransition(() => {
4        const newTheme = theme  === "light" ? "dark" : "light";
5        document.documentElement.dataset.theme = newTheme;
6        updateTheme(newTheme);
7      });
8    }
9  }
10

1      <select
2      className="select select-bordered select-sm max-w-xs"
3        onChange={(e) =>
4          (document.documentElement.dataset.style = e.target.value)
5        }
6      >
7        <option value="default">Default</option>
8        <option value="vertical">Vertical</option>
9        <option value="wipe">Wipe</option>
10        <option value="angled">Angled</option>
11        <option value="flip">Flip</option>
12        <option value="slides">Slides</option>
13      </select>