Text on 2FA page hard to read

[ChristophWurst]

On the two-factor page, "Log out" and "Use backup codes" are hard to read, especially on bright or contrasty backgrounds:

cc @nextcloud/designers

[Espina2]

I already post a solution for that here. #1615

[jancborchardt]

We need to simply experiment with the opacity of the black container, make it less transparent. Unfortunately the CSS blur function isn't really there yet cross-browser cause that would be perfect here. cc @nextcloud/designers

(@Espina2 not sure why you keep mentioning that complete overhaul. It would be more helpful to propose fixes issue-specifically instead of making one big change mainly for the sake of change.)

[jancborchardt]

@ChristophWurst regarding the other text below, can you put that inside of the container?

[skjnldsv]

@jancborchardt svg blur are supported by all browsers! ;)
http://caniuse.com/#feat=svg-filters

https://jsfiddle.net/yUG5U/1304/

[Espina2]

I mention that because one of the changes proposed in that issue is for this particular case.

[skjnldsv]

@Espina2 could you point it precisely? Because the other thread is kind has kind of too much data! 😆

[jancborchardt]

@skjnldsv do we want to go for that then? And put the other text items below (except the footet) in the container?

[Henni]

What do we gain from blur, in case of the "worst case scenario" (a completely white background)?

[skjnldsv]

@Henni a more or less smooth area in terms of saturation and colours :)

[jancborchardt]

@Henni blur will improve the readability of the text because regardless of what’s in the background, the sharpness and noise will be reduced. Currently we use the only slightly transparent dark container to achieve a similar result, but additional blur is even more elegant.