Browser Theme Detector is a lightweight and reactive OutSystems component that detects whether the user's browser is currently in Dark Mode or Light Mode — and triggers an event when that preference changes.

Features:

• Detects browser-reported color scheme (Dark or Light).
• Automatically triggers an event when the theme changes.

Use case:

• Dynamically apply dark or light UI styles

• Toggle custom CSS classes or themes based on browser preference

• Show theme-aware icons, fonts, or layout adjustments

• Use it in enterprise apps to adapt UX based on system preferences