[cXF] Light and dark mode switch

[cXF] Light and dark mode switch 1.1.0

No permission to download
License
  1. License agreement for cXF add-ons and services
How to install/upgrade?
  1. Installation instructions
Compatible XenForo version
  1. 2.1
  2. 2.2
Tested on styles
  1. Default
Extra
  1. For more than 1 forum installation please consider a donation on our site.
Visible branding
  1. No
This is a cXF Pack B Membership Add-on. Upgrade your account to cXF Pack B Membership for:
If you got our add-ons on websites other than customizexf.com or xenforo.com, then you got them on pirated sites. If so, we suggest you remove the add-on from the server and download it from the original site. Please, support the developers and fight piracy!

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

Latest updates

  1. 1.1.0

    CHANGE: style ID of the switched style is set in the style properties Now you can have more...
  2. 1.0.3

    changed template modification to work with regular expression (better compatibility with some...
  3. 1.0.2

    added the 'nofollow' tag

Latest reviews

This is perfect and works as you'd expect it to.
BassMan
BassMan
Thank you for your review.
Works perfectly - awesome!
BassMan
BassMan
Great! Thank you.

Similar resources

cXF Service - Rate and Review BassMan
  • Featured
If you liked our support and service, please leave us a review. Thank you!
4.79 star(s) 34 ratings
Updated
[cXF] Account widgets BassMan
Add account menu items to a widget in different ways with optional bookmarks.
5.00 star(s) 1 ratings
Updated
[cXF] Action bar links (external) as buttons BassMan
5.00 star(s) 3 ratings
Updated
[cXF] Action bar links (internal) as buttons BassMan
... report, edit, delete, ip, warn link enhancement
4.50 star(s) 2 ratings
Updated
[cXF] Add What's New beside Alerts tab BassMan
  • Featured
Adds an icon with link to What's New page on the right side of Alerts tab or Search tab.
5.00 star(s) 4 ratings
Updated
[cXF] Admin Search on Index BassMan
... for faster search on administration index page.
0.00 star(s) 0 ratings
Updated
[cXF] Advanced Footer BassMan
  • Featured
Add icons and/or extra links to footer, set columns, fixed footer and more.
5.00 star(s) 2 ratings
Updated
[cXF] Advertisement Positions for XFRM BassMan
Add advertisements to predefined positions for XenForo Resource Manager
0.00 star(s) 0 ratings
Updated
[cXF] Advertising position after first post BassMan
Show ads after first post if there are any replies only.
4.50 star(s) 2 ratings
Updated
[cXF] Animations BassMan
Add animation to predefined elements or elements of your choice with extra settings.
5.00 star(s) 3 ratings
Updated
Top