✨ Introduce Light/Dark Mode with User Control and Auto-Detect

Hi @wicksipedia, @hveraus, @tiagov8 and @adamcogan
cc @jaydenalchin @Pravino24

Is your feature request related to a problem? Please describe.
The current SSW website has an inconsistent theme—some pages are in light mode, others in dark. This inconsistency can be jarring for users and lacks a user preference option, limiting comfort and personalization.

Describe the solution you'd like
As per our conversation, we’ll implement a consistent light and dark mode on the SSW Website with a user-controlled toggle and auto-detect based on system settings. See https://code.visualstudio.com/

• Initial Audit - Review all site components and establish a prioritized rollout plan (e.g., SSW.Website, SSW.Rules, SSW.People)
• Unified Light and Dark Mode Design - Design a consistent light and dark theme for all components and pages, ensuring readability and accessibility.
• Theme Toggle - Add a toggle switch for users to manually choose light or dark mode.
• #3341
• Development Integration - Implement consistent theming across the site, with smooth transitions and saved preferences.

Describe alternatives you've considered

• Single Theme Standardization (all light or all dark)
• Manual Theme Toggle Only, without auto-detect

Additional context
This solution will provide a modern, personalized user experience, balancing simplicity with user control. This initiative should be managed as an epic, with tasks assigned to both designers and developers. We’ll need to book a designer for a few sprints to create light/dark mode components and the theme switcher. Gradual implementation will allow us to update each page as part of our modernization process.

Figure: Potential placement of toggle

No implementation files or tests are named. Start by auditing the SSW.Website, SSW.Rules, and SSW.People components and review the related #3341 work, then define the rollout scope with the design requirements. Done means the agreed pages share light and dark themes, support system detection and a user toggle, and preserve the preference.