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 :)