Modernflyouts: "Dark-grey" out unavailable options in media flyout

[Cyberdroid1]

Many a times, features like shuffle, repeat, stop, etc. are not available for an app. In that case, I would request you to please change the color of disabled options to be a different and look more dark-greyish.

In this, the options for next and previous are not available. But they look almost same to play/pause button.

Please fix this.

[Poopooracoocoo]

what do you think of hiding them altogether like you did with the more controls button? https://github.com/ShankarBUS/ModernFlyouts/issues/6#issuecomment-699673253

[ShankarBUS]

IMO, We shouldn't hide those three buttons. Having any one of them hidden will look like a tooth plucked mouth. So changing the color is a easy and viable way.

The other two (i.e. "More Controls" & "Timeline Properties") buttons are on the edge and won't make that much difference when they are hidden.

We can easily realign those buttons when one of them is hidden but it will look inconsistent 😅

I have to reconsider the design and make some more UI changes post v0.7

TBH, I'd like to do this in v0.8

[ShankarBUS]

Wait a minute.... If the previous & next buttons are disabled, why only the background changes and not the foreground?

The foreground color of the glyphs must look faded. Is that what you are saying @Cyberdroid1?

[Cyberdroid1]

Any modification, but it should look "different". This is what I meant.

[ShankarBUS]

A disabled button should look like the *Next" button in the following image

You can see that the glyph looks faded unlike the image you posted above. I'm confused why that is like that 🤔🤔🤔

Does the above image I attached meet your requirements?

[Cyberdroid1]

Can you make the same image in dark mode? It looks improved in light mode.

[ShankarBUS]

I didn't make any changes. That's how it should look already. I will see what's wrong

[Cyberdroid1]

Hmm, can we make the symbols more grey-ish, so that it blends with button background, and then the visibility is less ?

[ShankarBUS]

Hey @Cyberdroid1,

This is how it looks on my device in dark mode

There are some visibility issues here.

[ShankarBUS]

Made a repro with WinUI xaml :

_WinUI in a UWP app_

These are our app's buttons :

_ModernWpf in our app_

What do you think?

[Cyberdroid1]

None, actually. 😅 Both are looking same, apparently.

[ShankarBUS]

What should we do then? File a issue on the WinUI repo and hope they would fix it 😑? (the changes will be ported to ModernWpf later for consistency, that's why I said to file a issue there)
That won't happen 😞. We have to override the colours for ourselves to make it more distinguishable 🤦‍♂️

@Poopooracoocoo, you are the right guy for that 😅😁. I saw you bargain with MS employees mutliple times (on Project Reunion, WinUI, PowerToys & some more repos). Could you file an issue regarding this contrast issue on there?
It's not necessary but would help other devs facing similar issues. As a temporary workaround we can override the required colours only in dark mode.

[Poopooracoocoo]

lmfao. microsoft never listens. i try but never succeed. you could use the accessibility angle but microsoft still won't care.

[ShankarBUS]

Okay let's not care about them, we can carry on with the said workaround

[Cyberdroid1]

Are you doing it? Just wanted to ask. 😀

[ShankarBUS]

Yes I should do it 😑

[Cyberdroid1]

@ShankarBUS
What if we remove the backgound circle from Play/Pause button? That can fix this, won't it?

Or, edit the colors?

[ShankarBUS]

Editing the colors will do the job I guess 🤔

[Cyberdroid1]

@ShankarBUS Any status update?

[ShankarBUS]

@Cyberdroid1,

Forgot it. But there may some noticeable difference in the next version due to the addition of reveal effect.

Thanks for the reminder.

One more thing,

As you said, both normal button background and disabled background are using the same colour. That's why we can't distinguish between them

[Cyberdroid1]

As you said, both normal button background and disabled background are using the same colour. That's why we can't distinguish between them

Oh ok. That's why.

You can try a thing. On disabled buttons, there can be a custom cursor of 🛑 or something similar when the cursor is brought upon that button.

[Cyberdroid1]

What about removing the background of the play/pause button but retain the reveal effect?