Light and Dark mode - Variable Modes

Hello Norbert Palfi,

The design looks clean, and the user interaction feels smooth, providing a good UX experience. However, there are some hierarchy-related points to pay attention to, such as typography, colors, and buttons:

1. For example, the card titles are currently too small and have low contrast, so the first card is noticeable, but the title feels like third priority. If you set the title size to 14–16 px (considering the font style), the correct hierarchy will be achieved.
2. The background color is very dark, which disrupts the overall contrast balance and makes it tiring for the eyes. Lightening the tone of the background will make the design feel more spacious and reduce visual fatigue.
3. Instead of always placing the Dark Theme button on the right edge, it would be more appropriate to put it inside the profile. Since it’s a button that is used only occasionally, keeping it at the bottom all the time isn’t ideal. Categorically, it fits better under the “Personalize” section within the profile.

To help you improve your designs further and review my comments in detail, I’ve added a course link below.

https://app.uxcel.com/courses/ui-components-n-patterns

I hope it will be useful for you. Wishing you success!