snapshot of https://github.com/tldraw/tldraw.git (main, 2026-09-23; blobs > 131072B omitted)

apps/dotcom/client/public/theme-init.js

@@ -0,0 +1,32 @@
+// flashbang protection, runs before CSS loads
+;(function () {
+	try {
+		// this is our v3 STORAGE_KEY
+		var stored = localStorage.getItem('tldrawapp_session_3')
+		if (stored) {
+			var parsed = JSON.parse(stored)
+			if (parsed && parsed.theme) {
+				// Always set data-theme to prevent CSS media query fallback from overriding user preference
+				document.documentElement.setAttribute('data-theme', parsed.theme)
+
+				// If the user has a custom color theme, use its cached background color
+				if (parsed.colorThemeBackground) {
+					document.documentElement.style.backgroundColor = parsed.colorThemeBackground
+					document.documentElement.style.colorScheme = parsed.theme === 'dark' ? 'dark' : 'light'
+				} else if (parsed.theme === 'dark') {
+					// this is the same as --tl-color-background, if you ever update that, update this too
+					document.documentElement.style.backgroundColor = 'hsl(240, 5%, 6.5%)'
+					// this is the same as --tl-color-text, if you ever update that, update this too
+					document.documentElement.style.color = 'hsl(210, 17%, 98%)'
+					document.documentElement.style.colorScheme = 'dark'
+				} else if (parsed.theme === 'light') {
+					// this is the same as --tl-color-background, if you ever update that, update this too
+					document.documentElement.style.backgroundColor = 'hsl(210, 20%, 98%)'
+					document.documentElement.style.colorScheme = 'light'
+				}
+			}
+		}
+	} catch (e) {
+		// noop
+	}
+})()