Auto Dark Mode
Detect Based on your Device.
What is Auto Dark Mode?
Just by adding the class detect-theme to your body class, the page will detect if your device is in dark mode and switch theme automatically.
What about older devices?
Older devices will show the default page theme you select. In our case, it is light mode, but you can set dark mode by default.
Auto Dark Prompt
You can enable this menu to automatically notify users that automatic dark mode has been detected and to suggest switching to dark mode
Detect And Apply ThemeAuto Light & Dark Modes Unsupported
Your device doesn't support auto dark and light modes, but you can still toggle them using a button or the icon in the top right corner of the header.
Detect Dark/Light Mode ManuallyDark Mode Toggle
This toggle will remember and always activate depending on your dark mode preferences.
Activate Dark Mode
Show content based on Color Mode
You can show content based on the weather your page is set in light o dark mode! For example, let's take an image!
![img](images/pictures/13w.jpg)
![img](images/pictures/1w.jpg)