Improvement: New Light Mode

[ThGnommy]

Hi, with @ArslanYM in a prev PR we have thought about remaking the Light Mode.

I also noticed that by analyzing the page with Lighthouse there is poor colour contrast.

We could discuss more some new colours we can use or any different approach 🙂

[ArslanYM]

Youre right @ThGnommy , Do you have any ideas in mind for a deep purple look in the light mode.

[ThGnommy]

I thought we could add a CSS filter to the images when the theme is in light mode? I'm not a fan of this but it could be an option. Or find a darker yellow colour for the buttons, the 'issue' and the buttons in the navbar.

[ArslanYM]

I have no idea how that would look. Any mockups I can refer to?

[ThGnommy]

Something like this, I used the hue-rotation for all the images on the homepage

But I'm not really sure. Does it look weird?

About the buttons and navbar links, I tried to check the colour contrast with the tailwind color bg-yellow-500 and bg-yellow-600 and nothing pass the tests. I used this site

I also come up with this:

Normal:

Button hovered:

What do you think?