[cXF] Light and dark mode switch

XF2 Addons [cXF] Light and dark mode switch 1.1.0
Add an icon to easily switch between light and dark mode style with some extra features.

Compatible versions
2.1, 2.2
Description:
Add an icon to easily switch between light and dark mode style with some extra features.

Note: with this add-on, no style is included. You need to have at least two styles to use the switch.

LIVE demo on 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)


Features:

  • set light and dark style ID in the style properties
  • 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 position
  3. Set position in Options
  4. Go to Style properties for your style and set the Style ID of the switched style (i.e. in Light style you'll set the ID of the Dark style and vice versa) and customize it for your needs

Because you set the switched style ID in style properties, you can have more Light and Dark styles and switch between them.


Screens:

< demo >

ldms_demo_dark_mode.gif




< top position >


ldms_top_icon.png




< bottom (footer) posiiton >


ldms_bottom_icon.png





< permissions >


ldms_permissions.png
FateKid
Author FateKid
Level
11
5,910 pts
1.1.0 Version
16 Downloads
369 Views
Published
Updated
0.00 star(s) 0 ratings Average Rating (0)

More files from FateKid

Customize Your XenForo 2 Community

[cXF] Light and dark mode switch provides ultimate customization to your XenForo 2 community website! Enjoy powerful features that make your site stand out. Combine this add-on with XenForo 2 styles from our site and kickstart your online community now.

Why Download Our XenForo 2 Add-ons?

  • Easily enhance the quality of your XenForo online community.
  • Expand your XenForo 2 functionality with thousands of unique options.
  • Create unbelieveable user-experiences with advanced features.

Explore Other Resources

Are you looking for something different? Explore our thousands of unique and special XenForo 2 add-ons, available to download right now. FateKid shared this wonderful resource to you for free, so remember to share your appreciation by liking the resource and reviewing it.

Get started today and make your next project truly unique.

Top Bottom