{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "theme-script", "type": "registry:lib", "title": "No-flash theme bootstrap script", "description": "@interlace/ui — the inline `` script that applies the stored theme before first paint. Without it every page load flashes the default theme.", "author": "ofri-peretz ", "categories": [ "foundation", "util" ], "dependencies": [], "registryDependencies": [ "https://ds.interlace.tools/r/theme-tokens.json" ], "files": [ { "path": "registry/interlace-ui/lib/theme-script.ts", "target": "lib/theme-script.ts", "type": "registry:lib", "content": "import { DEFAULT_THEME, THEMES } from '@/lib/theme-tokens';\n\n// @interlace/theme-script v1.0.1 — Interlace design system.\n// Docs, props and live preview: https://ds.interlace.tools/c/theme-script\n// What changed since: https://ds.interlace.tools/c/theme-script#history\n// Generated banner — keep it, the upgrade diff reads this version.\n\n/**\n * @interlace/ui — the no-flash theme bootstrap.\n *\n * A theme applied after hydration is a WHITE FLASH on every page load: the\n * document paints `:root` (Interlace · light) first, React mounts, an effect\n * reads localStorage, and only then does the page repaint into the dark or\n * re-branded palette the user actually chose. On a fast connection that is\n * one frame of the wrong colours; on a slow one it is half a second of a\n * blinding white page. It is the single most visible failure mode of a theme\n * system, and no amount of correctness in the hook fixes it — by the time\n * any React code runs, the wrong paint has already happened.\n *\n * The only fix is to write the DOM attributes BEFORE first paint, which means\n * a synchronous, blocking, inline `` closes the tag from inside a string literal,\n * and `