A little blur with light theme

[McGiverGim]

Hi! The light theme seems to me that makes some texts a little blur. I don't know sure why, I suppose is the effect of the contrast with the background.

I'm the only one that thinks that is a little blur?

[haslinghuis]

On linux:

[McGiverGim]

Where is the background? 😱

[haslinghuis]

¯_(ツ)_/¯

Same on windows (edge)

[haslinghuis]

[haslinghuis]

Only have 1366x768 and 1600x900 devices with me here for testing.

[github-actions[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs within a week.

[McGiverGim]

I'm out of home. I will keep it open until I return and can do more tests.

[github-actions[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs within a week.

[nerdCopter]

have not looked deeply, have to play with these things:

increasing blur px helped, but is the wrong solution. i feel like opacity might help, but do not immediately know where that "var" is set.

[McGiverGim]

Thanks! I didn't have time to play with it until now. It seems the principal culprit is:

This style is used as a square with the contents in the page. But I don't know what replacement can be good.

[github-actions[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs within a week.

[McGiverGim]

The issue remains, but simply I don't know how to fix it.

[nerdCopter]

@VitroidFPV @freasy

[github-actions[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs within a week.

[McGiverGim]

Keep on!

[VitroidFPV]

Will have a look

[ctzsnooze]

This is the Download page on Mac with Chrome. Only Development and Download have the fancy background. All the text is sharp.

'You can find release planning here' is grey, and lacks contrast with the pale grey background.

My main frustration is the lack of contrast between the orange text and grey backgrounds in daylight mode. It's just too difficult to read.

Our stock orange is #fb3 which is a color angle of 45 degrees and luminance of 60.

We probably need a darker orange for text, and if we stick with the same color angle, we could use:

• fa0. Hue of 45 degrees but luminance of 50.

• c80. Hue of 45 degrees but luminance of 40.

[ctzsnooze]

@McGiverGim is it improved a little bit now?

[McGiverGim]

Yes it seems better now

I'm not sure if it's because the colours have changed or simply because the shade is at different position than in my first screen capture. But at this moment the issue is fixed for me.

[haslinghuis]

We also had missing commas in color definition for 750: 'rgb(44 44 44)',

Found in https://github.com/betaflight/betaflight.com/pull/288

[github-actions[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs within a week.

[github-actions[bot]]

Issue closed automatically as inactive.