By the way, if your website only uses minimal styling, or no styles at all, consider setting
in the . This allows browsers to also use their default dark mode styles on your page, without you having to do anything. If you don't, it'll always be light mode.
For example, these screenshots show this minimal document and how it will be rendered when the browser is set to light or dark mode.
The rendered document, showing a white "Hello world!" on an almost black background in a serif font. The button below it is almost black too and has the white text "This rocks!"
The rendered document, showing a black "Hello world!" on a white background in a serif font. The button below it is light gray and has the black text "This rocks!"
Screenshot of minimal HTML source code using <meta name="color-scheme" content="light dark"> and a single paragraph that says "Hello world!", followed by a button that says "This rocks!". No styles are defined.
