vanilla-framework icon indicating copy to clipboard operation
vanilla-framework copied to clipboard

Positive button's focus in invisible on dark theme

Open bartaz opened this issue 1 year ago • 4 comments

Describe the bug

button-focus

https://vanillaframework.io/docs/examples/patterns/buttons/dark

Focus color for positive button is very dark and invisible in dark theme.

bartaz avatar Jun 26 '24 19:06 bartaz

I think we can try to address this with new variable introduced by merging of #5192 , correct?

jmuzina avatar Jun 26 '24 19:06 jmuzina

I discovered this during my focus variable work, but left it alone, as it used a different variable. To be honest, I find the fact that the outline is black under any circumstances, dark or not, kind of odd. Maybe we could revisit this?

pastelcyborg avatar Jun 26 '24 20:06 pastelcyborg

I discovered this during my focus variable work, but left it alone, as it used a different variable. To be honest, I find the fact that the outline is black under any circumstances, dark or not, kind of odd. Maybe we could revisit this?

I believe it was because it was hard to find any other colour with enough contrast against both background and the button colour to comply with accessibility requirements.

bartaz avatar Jun 26 '24 20:06 bartaz

Good to know, thanks @bartaz. Yeah, we should come up with a new color for this on dark theme, even if it's a grayscale shade.

pastelcyborg avatar Jun 26 '24 20:06 pastelcyborg