Feat: Dark Mode for Anti Recurso

[Eduardoooxd]

Dark Mode Support

• A button to toggle dark mode / light mode.
• Styling all the application with dark themes.

Notion Task

• N/A

Demo

Toggle

• Light to Dark Mode

• Dark to Light Mode

Landing Page

Login Page

Register Page

Exams Page

Select Exam Mode Page

Answer Exam Page

Profile Page

Scoreboard page

Stats Page

[ricardo177m]

Great addition, although it would be interesting to see how the exam numeration buttons would be in dark! Skeleton components could be dark too.

[Eduardoooxd]

Hey @ricardo177m I maintened the colors for the exam numeration since there is a high chance they gonna be changed and the colors right now are proper for both light and dark mode.

But I will test different combinations for the colors and I will warn if I change them.

[tomasflopes]

Added dark mode to almost all alerts (some alerts are being 'spawned' in server components and action terrible idea and need refactor).

Added dark mode to question selector in exams.

Fixed pagination styling in profile exam table (this feature still needs investigation as the behavior is not correct in all browsers) and tweaked border of subject selector in exams to fit the scoreboard one.

[tomasflopes]

Added dark mode to almost all alerts (some alerts are being 'spawned' in server components and action terrible idea and need refactor).

Added dark mode to question selector in exams.

Fixed pagination styling in profile exam table (this feature still needs investigation as the behaviour is not correct in all browsers)