![[cXF] Light and dark mode switch](/data/resource_icons/0/809.jpg?1740446875){kind=icon}
- XF 兼容性
- 2.2.x
- 摘要
- Add an icon for easy light/dark mode switching with extra features. Compatible with UI.X, contact for customization. Live demo at https://www.synoforum.com - Set user/group permissions, configure options & styles for optimal experience.
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:
HOW TO SET IT UP:
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:
- Set user or group permission to Yes for this add-on
- Go to Options > [cXF] Light and dark mode switch and set the style ID (for light and dark style)
- Set position in Options
- Go to Style properties for your Light style and then for your Dark style and customize it for your needs
![[TB] Dark Light Button](/data/resource_icons/24/24909.jpg?1748845155){kind=icon}
