Description :
Add an icon to easily switch between light and dark mode style with some extra features.

NOTE: dark style or any other is not included! This is just a switch for any style you have installed on your forum

LIVE demo on SynoForum.com - The Unofficial Synology Forum

Features :

• set light and dark style ID in the options
• set switch icon position (next to Search in navigation, next to Style chooser in the footer or both positions)
• switch mode is based on permissions (you can enable/disable switch mode for certain groups)
• set text on icon hover for each style (i.e. Light mode, Dark mode)
• set the icon for each style
• set the icon color and hover color separately in navigation and footer position
• set the page width (below the selected page width the switch mode icon will not show) for top and bottom switch icon separately

HOW TO SET IT UP

1. Set user or group permission to Yes for this add-on
2. Go to Options > [cXF] Light and dark mode switch and set the style ID (for light and dark style)
3. Set position in Options
4. Go to Style properties for your Light style and then for your Dark style and customize it for your needs

Screens :

< demo >



< top position >



< bottom (footer) posiiton >



< options >



< style properties >



< permissions >



Télécharger V1.0.0 :

Version 1.0.1 change : bug fix for switch icon in guest view

Télécharger V1.0.1 :

Télécharger version 1.01 + avec style UIX modifier par moi :


Version 1.0.2 : added the 'nofollow' tag

Télécharger V1.0.2 :

Version 1.0.3 : changed template modification to work with regular expression (better compatibility with some 3rd-party styles)

Télécharger V1.0.3 :

Version 1.1.0 CHANGE : style ID of the switched style is set in the style properties

Now you can have more Light styles and set the switched style (i.e. Dark style) for any of the Light ones.

To see it live as a demo look at SynoForum.com - The Unofficial Synology Forum. You can switch between Light and Dark style AND VertiLight and VertiDark style. To choose VertiLight style, switch the style from the footer, and then you can use the switch for VertiDark.

NOTE : if you are upgrading from the previous version, make sure to check the Style properties and set the Style ID.

Télécharger V1.1.0 :

Version 1.1.1 : Compatibility fix for XenForo 2.3

Télécharger V1.1.1 :

Version 1.1.2 : Minor editing of the description of options in the style properties.

Télécharger V1.1.2 :