> For the complete documentation index, see [llms.txt](https://sygnal.gitbook.io/sygnal-webflow-components/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sygnal.gitbook.io/sygnal-webflow-components/cc/sygnal-layout/darkmode.md).

# DarkMode

Switch dark mode and light mode automatically.

{% hint style="warning" %}
**CONCEPTUAL.** 
{% endhint %}

## Goals 

* Present a simple toggle switch, place and style where you like 
* Initial state 
  * Auto-detects prefers-dark-mode state
  * If changed, remembers your prior state by localstorage 
* Application
  * Applys a class on body 
  * ? Switches variable modes