🎞️ Add Dark Mode and Light Mode

[CruuzAzul]

Feature Request 👨🏼‍💻

We want to add Dark Mode and Light Mode options to the application's user interface. 🌗

Use Case ✍🏼

As users, we want the ability to customize the application's appearance based on our preferences and environment lighting. By introducing Dark Mode and Light Mode options, we aim to enhance the user experience and provide a visually comfortable interface for both day and night usage.

Possible Solution 💡

To implement the Dark Mode and Light Mode functionality, we can follow these steps:

1. Identify the core components of the user interface that need to be modified for Dark Mode and Light Mode, such as backgrounds, text colors, and button styles.
2. Create all default variables for theme colors.
3. Based on the selected mode, dynamically apply the appropriate CSS styles to the relevant components.
4. Consider providing a default mode based on the system settings or user preferences if no explicit selection is made.