I want to support light and dark modes in my project.
I also want to have an 'inverted' mode, where I show a section of content in the opposite mode to the main site.
It's possible to use color-scheme: light dark;
to enable the light and dark theme in my document, and then light-dark()
to switch colours based on the active scheme: