Bug 1141359

Could you provide a screenshot, information on the browser you're using and the horizon package version? I assume you're using the Red Hat RCUE theme but even then I seem unable to reproduce the bug using either Firefox or Chrome.

Created attachment 938334 [details]
Launch Instance tabs

Created attachment 940492 [details]
Disabled buttons in Horizon

To me, the non-selected tabs and the disabled buttons seen throughout Horizon look to be similarly desaturated.

I'm sorry Matt, I'm not sure if I understand your comment correctly. Are you saying the tabs are consistent with the rest of Horizon? Otherwise, I'm having difficulties telling whether you're saying the current state is good or bad, how it relates to the tabs or what is the expected solution. Could you provide a bit more details? (A simplified version for dummies is ok too :-))

To me the enabled buttons look like they have some "relief" and can be pushed while the disabled ones don't, but I've got a feeling I'm missing the point of the comment.

Note that the button design will change in 6.0. I'll attach a screenshot. I don't think there's any change to the tab design/colours though.

Created attachment 940984 [details]
Buttons in 6.0

Sorry Julie, the current state is not ideal, hence the bug report :) 

GIMP says that we use the web color "555555" for the active tab title, and then switch to "9bb5bf" for the non-active tabs. These colors look very different, and that light blue/gray actually more closely resembles colors used for disabled elements. Usually with tabs, you'll either see consistent coloring across all tabs, or the active tab will be brighter/bolder than the others. The current implementation is opposite of what is used in PatternFly, as Horizon uses a normal color for the active tab, and then weaker colors for all of the other tabs, rather than a normal color for the inactive tabs and a stronger color for the active tab. You can see an example of tabs in PatternFly here: https://www.patternfly.org/wp-content/uploads/patternfly/tests/tab.html

The lack of contrast in the current coloring of those tabs is more similar to the disabled buttons I included in a previous screenshot, rather than other active elements in the UI.

Either moving to using a consistent color across all tabs, or more closely matching the PatternFly recommendations would make for nicer, more legible tabs.

Created attachment 942384 [details]
All tab text using the active coloring

Here's a quick example of what it would look like if we changed the inactive tab titles to use the same color as the active tab. I think it makes it much more readable, and no longer looks like that tab might be disabled.

Created attachment 958932 [details]
Launch Instance tabs - RDO Juno

I believe this is resolved in Juno (OSP 6.0) with the redesign that took place there, the blue is stronger.

This bug was closed as part of a backlog clean up.
If you see value in tracking this bug please re-open it.