Resource icon

[cXF] Light and dark mode switch V1.0.1

No permission to download
Compatible XF Versions
  1. 2.1.x
  2. 2.2.x
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! For compatibility with UI.X style, please contact me via PM.


LIVE demo on https://www.synoforum.com


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
  • ldms_options.png
    ldms_options.png
    274.3 KB · Views: 0
  • ldms_permissions.png
    ldms_permissions.png
    25.8 KB · Views: 0
  • ldms_sp.png
    ldms_sp.png
    719.2 KB · Views: 0
  • ldms_top_icon.png
    ldms_top_icon.png
    25.3 KB · Views: 0
  • Like
Reactions: AlexMicKeY94
Author
hellobut
Views
98
First release
Last update
Rating
0.00 star(s) 0 ratings

More resources from hellobut