By the way, if your website only uses minimal styling, or no styles at all, consider setting
<meta name="color-scheme" content="light dark" />
in the <head>. 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.
@scy You said Sergio? From Rio? Light-ish dark-ish website?
You know Sergio! 🎉
@scy Done on two simple homepages.
Also, here's a link to the documentation for anyone interested: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/meta/name/color-scheme
The color-scheme value for the name attribute of the <meta> element indicates a suggested color scheme that user agents should use for a page. If specified, you define the color scheme using a content attribute in the <meta> element with a valid CSS color-scheme value.
@scy holy crap there *is* an option to do it without manually writing CSS in media selectors...
brb, going to add it NOW
scy
Phoebe Klein
Lena Schimmel
Syralist drop table toots
Charly Coste 🇫🇷
Furbland's Very Cool Mastodon™
Мя ��
fopscolor-scheme: light dark;@anselmschueler To keep it compatible to XML.
XHTML is somewhat out of fashion since HTML5, but I'm old.
Si Dawson
schuelermine
Michal Měchura
Maypop the Dragon
Just Bob
Tyler Griffin