Style Switch

XenForo 2 Add-on

Learn more
Contact UsAvailable in our Resources subscription.

Do your users prefer dark mode or light mode? Users that have a preference will likely have it set in their operating system - like in the latest iOS, Android, Windows 10, and more - so let your site detect their preference and automatically give them the style they prefer with Style Switch! Plus, with a simple toggle, your visitors can switch between the two seamlessly without reloading!

Please note, [TH] Style Switch works best when you don’t have too many themes installed. The best configuration for maximum compatibility with Style Switch is to have one light style, one dark style, and a child style below each. For autodetect, you should add an additional child style below whichever style you wish to be the primary. Style Switch works by switching the CSS formatting present in styles, so your light and dark mode styles should not contain any differences in HTML objects themselves. Attempting to use style switch between two dramatically different styles may not result in the expected experience. Only supported browsers and devices can utilize the auto-detect feature. You can still offer as many themes as you want to your visitors, but only set up 2 themes with this product to switch between that differ by no more than some minor CSS and colors. View a list of supported browsers here.

Here are some of our dark & light themes that would work well with Style Switch:
UI.X 2 - UI.X 2 Dark
Drift - Drift Dark
iO - iO Dark Mode
UI.X Classic - UI.X Classic Dark

Provides a smooth style transition
Enhances user experience with users’ preferences already chosen when applicable

Style Switch Features

Administrator Features
  • Easily select light, dark, and default styles

  • Load additional stylesheets with light and dark styles

  • Enable or disable color mode auto-detect for one style

  • Adjust the dark & light mode toggle position

User Features
  • Preferred style is automatically selected based on the dark & light mode detected from supported devices and browsers

  • Provides a simple toggle switch to allow users to make their own choice

  • Smoothly transition between similar styles without reloading

ReleasedSep 20th, 2019
Last UpdatedApr 28th, 2023Changelog
CategoryXenForo 2 Add-ons
RequirementsXenForo 2.1
Stay in touch

In our newsletters we share strategies, tips, and inspiration to anyone involved in managing an online community along with updates, discounts, events, and other related information. We want to help build thriving online communities; not fill your inbox, so we typically only send 1-2 emails a month.

Receive newsletter and promotions via email
Copyright © 2024 Audentio, LLC. All Rights Reserved.