[cXF] Light and dark mode switch

Free XF2 Add-ons [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 XF 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
  • Like
  • Love
Reactions:Gmask4u, Pokschubin, AlFaMoDz and 9 others
Author
FateKid
Downloads
12
Total Views
208
Released
Version
1.1.0
Rating
0.00 star(s) 0 ratings

More files from FateKid

Share this resource

Similar resources

Translation for Light and Dark Switch cXF
0.00 star(s) 0 ratings
Downloads
0
[cXF] Account widgets FateKid
Add account menu items to a widget in different ways with optional bookmarks.
0.00 star(s) 0 ratings
Downloads
2
[cXF] Add What's New beside Alerts tab FateKid
Adds an icon (optional with text) with link to What's New page on the right side of Alerts tab
0.00 star(s) 0 ratings
Downloads
2