# colorSchemeScript The script that sets the page's color scheme before it paints, so a reload in dark mode never flashes light. It reads the choice `ColorSchemeProvider` keeps in `localStorage`, resolves `system` through `prefers-color-scheme`, and sets the `.dark` class and the `color-scheme` property on ``. Put it in `` as an inline script, with the same options as the provider, and add `suppressHydrationWarning` to ``, whose class the script changes before React hydrates. It is plain text, so a Server Component can call it. ```tsx import { colorSchemeScript } from "@/lib/ouro/color-scheme-script"; ``` ## Example ```tsx