WordPress community theme with built-in dark mode and per-user preference

David Garcia David Garcia 6 months ago

My members have been asking for dark mode for months. I do not want a cheap CSS inversion filter — I want a real dark theme that each logged-in member can toggle for themselves, and that sticks across sessions. It also needs to cover the community feed, member profiles, WooCommerce pages, and whatever LMS or marketplace plugin I add later, because half-baked dark mode that only themes the header looks worse than no dark mode at all. Bonus points if the logo can swap to a light variant automatically in dark mode.

#dark-mode #reign-theme #user-preference
59

Replies 1

Oldest Newest Best
vapvarun vapvarun Admin

Reign has one of the most complete dark mode implementations in any community WordPress theme, and it addresses every concern you raised. Concretely:

  • Full dark mode toggle with per-user preference saving, so each logged-in member keeps their light or dark choice across sessions and devices
  • Dark mode logo switching — you upload a light-variant logo from the Customizer and the theme swaps to it automatically whenever dark mode is active
  • Dark mode coverage across all major addon integrations that Reign ships: Dokan, LearnDash, LifterLMS, Sensei, TutorLMS, WC Vendors, WCFM, WP Job Manager, and GeoDirectory
  • Dark mode compatibility for third-party integrations too: BuddyPress Reactions, BuddyPress Hashtags, BuddyLists, BP Better Messages, WPForo, WP Stories, and Advanced Username Manager
  • Focus mode UI with dark mode support on LearnDash lesson pages, so distraction-free reading works in both light and dark
  • Consistent dark treatment for header, sticky menu colors, cart dropdown, login popup, and footer widgets

Honest limits: dark mode is theme-level CSS on pages Reign controls. If you run a plugin Reign has not explicitly integrated, that plugin's output may not flip automatically, and you would add a small custom style. The integration list above is what ships already tested.