[XTR] Day Night Mode 1.0.0

XF 2.3 [XTR] Day Night Mode 1.0.0

Add-on xenforo 2

Ressources et modules complémentaires pour XenForo 2

Styles xenforo 2

Styles / Thèmes et apparence pour xenforo 2

Templates xenforo 2

Codes pour modifier les templates sur xenforo 2

Section Premium

Add-on et Styles pour membre Premium
[XTR] Day Night Mode 1.0.0

XF 2.3 [XTR] Day Night Mode 1.0.0

Catégorie Catégorie Add-Ons
Titre du sujet Titre du sujet [XTR] Day Night Mode 1.0.0
Auteur de la discussion Auteur de la discussion laurent68
Date de début Date de début
Réponses Réponses 0
Affichages Affichages 9
Réaction Réaction 0
Dernier message par Dernier message par laurent68

laurent68

Fondateur

Staff
fondateur
Réputation: 100%
Discussions
4 847
Messages
12 579
Solutions
85
J'aime
7 882
Points
198
Additional requirements :
- XenForo 2.3.0+
- PHP 8.0+

Enhance your community's user experience with a sleek and native Day/Night mode toggler. This add-on integrates directly with XenForo 2.3's powerful Style Variations system, allowing your users to switch between Light and Dark modes with a single click from the navigation bar.

Unlike complex style switchers or heavy JavaScript solutions, [XTR] Day Night Mode is lightweight and smart. It respects the user's operating system preferences upon first visit and remembers their manual choice for future visits.

Key Features
  • Native XF 2.3 Support: Built strictly on XenForo's new style-variation architecture. No external libraries or complex JavaScript logic.
  • Smart Detection: On the first load (without cookies), the system automatically detects the user's OS preference (Dark/Light mode) via CSS prefers-color-scheme.
  • Context-Aware Toggle:
    • If the system/site is Dark, the button allows switching to Light.
    • If the system/site is Light, the button allows switching to Dark.
  • Customizable Icons: Choose from a variety of predefined FontAwesome icons (Sun, Moon, Star, Lightbulb, etc.) directly from the Admin Panel.
  • Lightweight: Uses CSS for visibility logic, ensuring zero layout shift and blazing fast performance.
  • Robust Implementation: Uses Regex-based template modifications to ensure compatibility even if your theme has minor whitespace changes.
Admin Options
You can easily configure the look and feel from Setup > Options > [XTR] Day Night Mode:
  • Select specific icons for the Light Mode button via radio buttons.
  • Select specific icons for the Dark Mode button via radio buttons.
options.webp


dark.webp


light.webp


Télécharger V1.0.0 :
 
Contenu similaire Les plus vues Voir plus
Retour
Haut Bas