UI text color is light if browser's mode is set to dark mode

[Skyhero-alt]

Description

Just noticed the features page with light text
I was using firefox using dark mode theme in firefox,
I am not sure if this is only a firefox specific issue but I think it has to be with the styling of the overview-card component

Screenshots

[Cahllagerfeld]

Nice catch!
I was able to reproduce this 👍

[Cahllagerfeld]

I think the section in the above screenshot should be black #000000

The Modal in the bottom screenshot should take bg-skin-off-background. In the modal the headline would also need to be a light text in dark mode

[Cahllagerfeld]

Do you want to work on this?

[Skyhero-alt]

Yeah, I'd like to fix it

[Skyhero-alt]

Are colors like this ok

The background color in the above screenshot is: bg-neutral-200

The background modal color in the above screenshot is: bg-neutral-100
The headline featurescolor is:text-gray-400`

Is this fine or do I have to change anything ?

[Cahllagerfeld]

For the background colors we're having our own defined ones. For the modal, we can use skin-off-background. For the text we can use text-highlight.

On the top screenshot, I might use bg-black to have a bit more contrast.

What do you think?

[Skyhero-alt]

Ah okay, I just fixed the colors by using the class names defined

---

The one with black background

I feel like black is standing out a little but If that's what we want then I will make a PR for it, personally I think we can some shade of neutral like neutral-100 or something 😅

Would appreciate any suggestion 😁

[Cahllagerfeld]

I think your suggestion of use the neutral tone instead of pure black is better 👍