Light/dark mode

Signed-off-by: macdonst <[email protected]>

app/docs/md/enhance-styles/customization.md

@@ -101,6 +101,20 @@ If you’d like to opt out of the styles generated by the `theme` module, you ca
 }
 ```
 
+#### Light/Dark mode
+
+By default Enhance Styles ships with light and dark mode enabled. If you want your app to support only light or only dark mode drop this CSS in your [head](/docs/conventions/head) as a global style:
+
+
+```html
+<style>
+ :root {
+ color-scheme: only light; /* if you want to force light mode */
+ color-scheme: only dark; /* if you want to force dark mode */
+ }
+</style>
+```
+
 <doc-link-callout link="https://github.com/enhance-dev/enhance-styles?tab=readme-ov-file#theme" mark="🎨">
  Read more about themes
 </doc-link-callout>