theme-provider: announce/set (current) theme and applied theme

ngrok-oss · Nov 30, 2023 · db36a2a · db36a2a
1 parent 04e87b5
commit db36a2a
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/components/theme-provider/index.tsx b/components/theme-provider/index.tsx
@@ -163,7 +163,8 @@ function applyTheme(theme: Theme) {
 	const prefersHighContrast = window.matchMedia(prefersHighContrastMediaQuery).matches;
 	const newTheme = theme === "system" ? determineThemeFromMediaQuery({ prefersDarkMode, prefersHighContrast }) : theme;
 	htmlElement.classList.add(newTheme);
-	htmlElement.dataset.theme = newTheme;
+	htmlElement.dataset.appliedTheme = newTheme;
+	htmlElement.dataset.theme = theme;
 }
 
 /**
@@ -221,7 +222,8 @@ const PreventWrongThemeFlash = ({
 	const htmlElement = document.documentElement;
 	htmlElement.classList.remove(...themes);
 	htmlElement.classList.add(initialTheme);
-	htmlElement.dataset.theme = initialTheme;
+	htmlElement.dataset.appliedTheme = initialTheme;
+	htmlElement.dataset.theme = themePreference;
 })();
 `.trim(),
 		}}