Author Topic: New default skin for v3.3 and "slim" icons  (Read 3872 times)

redwing

  • Hero Member
  • *****
  • Posts: 9243
I have some suggestions about the way the new standard skin handles the four player controls on the right side (equalizer, last.fm, repeat, shuffle) as, in my view, they have some issues.

- Equalizer button shows the same color for both on and off. But the differences in their shape are not easy to tell unlike other controls.
- No mouse-over highlight color unlike the left-side controls. I know it shows tooltip instead, but they show up a little late and immediate color change would be more noticeable and assuring.
- They are not consistent across different player modes. For some reason, the default skin shows the same color for the sidebar player as the main player, if you use color overrides for them, they behave the same as compact/mini mode where those controls display disabled color when the main player show default color.

Try this code to see what I mean.
Code
<?xml version="1.0" encoding="utf-8"?>
<root dependsOn="MusicBee3.xmlc">
<element id="PlayerSidebar.Control.Default" fg="0,0,255" />
<element id="PlayerSidebar.Control.Disabled" fg="255,0,0" />
<element id="PlayerSidebar.Control.Highlight" fg="0,255,0" />
</root>
Here's a summary of my suggestions:
Last Edit: May 21, 2019, 03:18:36 AM by redwing


redwing

  • Hero Member
  • *****
  • Posts: 9243
Thanks! Now the controls on the main player are consistent with those on the sidebar player (except compact/mini mode). And the mouseover color is now used for those controls (not sure why they use auto-generated colors instead of PlayerFlat.Control.Highlight).
The problem is the differences between different color shades are hardly noticeable (especially with the default skin) because they are slim icons in 1px-width lines. They seem to require either a different hue or some background image (like Groove) for a mouseover image.

redwing

  • Hero Member
  • *****
  • Posts: 9243
Play/pause button & volume slider need to get moved 1px down to get vertically centered with other elements.