Roundcube change highlight color to increase contrast and improve UX

steve commented

2023-09-12 14:30:57 +02:00

Currently

The dark red highlight color is hard to see when using roundcube in dark mode due to the lack of contrast:

Note how the unselected two fields in the top are barely visible in the screenshot.

Expected

Please use a different color to make it easier for users to see the UI. This can lead to all sorts of confusion in the current form.

**Currently** The dark red highlight color is hard to see when using roundcube in dark mode due to the lack of contrast: Note how the unselected two fields in the top are barely visible in the screenshot. **Expected** Please use a different color to make it easier for users to see the UI. This can lead to all sorts of confusion in the current form.

1.png

17 KiB

meaz added the

Roundcube

Themes

labels 2023-09-12 16:25:17 +02:00

meaz referenced this issue from Disroot-themes/roundcube_themes

2023-09-23 10:12:36 +02:00

fix 643 : dark-input-border color #11

meaz added this to the 23.09 - September milestone 2023-09-23 10:13:12 +02:00

muppeth commented

2023-09-29 22:08:01 +02:00

Owner

Hmmm I dont know. the unselected items should be less visible then the select one, which in this case IMO works very well. Unselected elements stay in background while selected ones are not only having brighter border but also brighter element background. I think if the unselected elements will be more visible this would create more confusion as it will be harder to distiguish between what's selected and what isnt

meaz removed this from the 23.09 - September milestone 2023-10-01 15:17:53 +02:00

meaz added this to the 23.10 - October milestone 2023-10-01 15:22:09 +02:00

steve commented

2023-10-04 12:41:05 +02:00

Author

While understanding the concept you describe, in this specific case the color used for unfocussed elements is barely visible. Keep in mind color blind users may just see a blank area without any UI elements especially in this combination of red + green colors.

Forgejo is a nice example of an implementation that works fine, to give an idea.

While understanding the concept you describe, in this specific case the color used for unfocussed elements is barely visible. Keep in mind color blind users may just see a blank area without any UI elements especially in this combination of red + green colors. Forgejo is a nice example of an implementation that works fine, to give an idea.

muppeth commented

2023-10-05 21:49:29 +02:00

Owner

Roundcube does not use greens though. I think the color blind person would still see the border on unfocused element, but just darker. I do however agree that some improvements could have been done to make sure there is no confusion. I love the forgejo themes a lot and I do like the way this is solved over here and in long run would like to base all our coustom themes on those concepts here as they just work. When I have some extra time I will try to implement something and provide screenshots for further discussion and feedback. I hope @antilopa will also have time to try something out.