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.
Detect Auto Dark / Light ModeYour Device is in Dark Mode
We detected your device is in dark mode, so we set the entire page to dark for you. You can disable this automatic feature or switch to light mode from the header icon
Your Device is in Light Mode
We detected your device is in light mode, so we set the entire page to light for you. You can disable this automatic feature or switch to dark mode from the header icon
Auto 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.