Shuffle and repeat buttons pressed state does not visually differ from unpressed state

[Martin Vysny]

In the default Ubuntu theme, the pressed/activated and deactivated button states are very similar and hard to differ. It is therefore hard to tell from the first look, if the shuffle is enabled or not. I am attaching the screenshots.

ProblemType: Bug
DistroRelease: Ubuntu 15.04
Package: rhythmbox 3.1-1ubuntu3
ProcVersionSignature: Ubuntu 3.19.0-23.24-generic 3.19.8-ckt2
Uname: Linux 3.19.0-23-generic i686
ApportVersion: 2.17.2-0ubuntu1.1
Architecture: i386
CurrentDesktop: Unity
Date: Tue Jul 28 18:47:08 2015
InstallationDate: Installed on 2013-08-17 (710 days ago)
InstallationMedia: Ubuntu 13.04 "Raring Ringtail" - Release i386 (20130424)
SourcePackage: rhythmbox
UpgradeStatus: Upgraded to vivid on 2015-05-02 (87 days ago)

[Martin Vysny (vyzivus)]

Even on close zoom, I cannot tell which screenshot shows pressed buttons and which screenshot shows unpressed buttons.

[Launchpad Janitor (janitor)]

Status changed to 'Confirmed' because the bug affects multiple users.

[Franko Burolo (fburolo)]

I tried to change themes, a lot of them, and whichever I use, this problem persists. I really think there is no change at all on the buttons themselves. In every other application, the difference between a pressed and an unpressed button is clearly visible.

[Franko Burolo (fburolo)]

OK, I have just tried the Stylishdark-wps theme, and with it the difference between pressed and unpressed buttons in Rhythmbox is finally visible. So it seems like a theme problem, after all.

[Sebastien Bacher (seb128)]

in fact it's not a rhythmbox issue, nautilus list/icon view buttons have the same issue, rather a theme one

[Franko Burolo (fburolo)]

This one seems to be solved in Wily.

[Michiel Perdeck (michiel99)]

Definitely not solved in Wily (15.10).

Its an irritating problem. Also with the Stylishdark theme the button state is still hardly visible.

[Michiel Perdeck (michiel99)]

This problem is certainly not solved in Wily (15.10). With the Stylishdark theme the button status is still hardly visible. The Highcontrast theme solves the button status problem but introduces another: on the window in focus, of the window buttons only the Close button is visible. And.... this is not a very attractive theme from an aesthetic perspective....

[Will Cooke (willcooke)]

Working on a fix for this now. Not sure if I like the hover effect switching the direction of the gradient though, so disabled with an "X" for now...

X.primary-toolbar .button:checked:hover {
   background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@dark_bg_color, 1.4)),
                                     to (shade (@bg_color, 0.5)));
border-image-width:3px;
}

.primary-toolbar .button:checked{
   background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@bg_color, 0.5)),
                                     to (shade (@dark_bg_color, 1.4)));
border-image-width:3px;
}

Once I've got design sign off I'll make an MP. Not sure if this will be a change to widgets CSS or a separate RB file yet.

[Metalliko (m3t4ll1k0)]

this bug also affects me (ubuntu 16.04 preinstalled on a dell xps 13) any fixes or workarounds?

[Amr Ibrahim (amribrahim1987)]

I'm also affected.

[Daniel van Vugt (vanvugt)]

Seems to be fixed in 16.04 now.

[Will Cooke (willcooke)]

I'm not sure this is actually fixed in 16.04. Looking at my machine, I still don't think there is enough difference. I'll ask Trevinho to merge the changes in to Artful from comment #11 and see if it works better there. We can backport if so.

[Will Cooke (willcooke)]

These still look too similar IMO