Author Topic: Sample Skin  (Read 82157 times)

hiccup

  • Hero Member
  • *****
  • Posts: 9142


frogg3862

  • Newbie
  • *
  • Posts: 1
Reiterating: thank you for this! I've been tweaking a skin that I really like.

One of the final pieces I'm looking for is the sort arrow (ascending/descending):


I found line 115 of the Sample Skin:
Code
<element id="Content[TrackDetail].Body.ListHeader" bg="240,254,253" bg2="240,254,253" fg="10,102,196" bdr="35,156,217" /> <!-- 79,177,225 auto-generated -->

But changing the `fg="10,102,196"` value there changes both the color of the column header text AND the sort arrow. Is there a more specific selector I can use to give that arrow a unique color?
Last Edit: January 26, 2023, 06:00:50 PM by frogg3862

hiccup

  • Hero Member
  • *****
  • Posts: 9142
Is there a more specific selector I can use to give that arrow a unique color?
Welcome to the forum frogg3862.

I am pretty sure there isn't an element for that.
So you could put out a request for it.
But be aware there are several locations where these sorting arrows can appear, so that will then probably need to be looked at too.
Last Edit: January 28, 2023, 07:41:48 AM by hiccup




karbock

  • Sr. Member
  • ****
  • Posts: 565
(1) Great tool!

(2) I've stumbled on a really tricky colour issue, which is only visible when the player controls are docked at the top:
a black line above the track title (1-px thick, rgb=0,0,0).

Zoomed capture showing the line with "Sample Skin.xml":


It is striking with skins using lighter tones, such as Cheetah DNA:


The black line doesn't top the whole rectangle containing (tile+time+progress bar), but only the part used to display the track title.

The artefact shows up with a series of .XML I've tested:
  • Absolute Zero
  • AeroBee
  • Midnight
  • Phred on the lookout
  • Sky Blue
  • Threshold flat
  • Cheetah DNA
  • Chameleon DNA
  • Blue
  • iBee
With skin "MusicBee3", it is visible with both the .XML and .XMLC.

I haven't found any setting explaining this so far
* in RotemK's guide
* in the wiki
* when browsing through the .XML files (especially the PlayerTopFlat and PlayerFlat settings).

Any idea of the possible cause?

Steven

  • Administrator
  • Hero Member
  • *****
  • Posts: 34990
what font and font size are you using in the player panel?
also what dpi scale is used for the monitor
Last Edit: May 08, 2024, 11:59:55 AM by Steven

karbock

  • Sr. Member
  • ****
  • Posts: 565
Font Literata, bold italic 18
Windows scaling 100%

The font is available here:
https://fonts.google.com/specimen/Literata

Steven

  • Administrator
  • Hero Member
  • *****
  • Posts: 34990
ok, its a MB bug when you use a large font for the default font. I will look to fix it

karbock

  • Sr. Member
  • ****
  • Posts: 565

hiccup

  • Hero Member
  • *****
  • Posts: 9142
(2) I've stumbled on a really tricky colour issue, which is only visible when the player controls are docked at the top:
a black line above the track title (1-px thick, rgb=0,0,0).
So maybe I should add a comment element to the Sample Skin that says: "file a bug report" when RGB "0,0,0"is picked?  ;-)

karbock

  • Sr. Member
  • ****
  • Posts: 565
So maybe I should add a comment element to the Sample Skin that says: "file a bug report" when RGB "0,0,0"is picked?  ;-)

;-)
Well, when I posted, I wasn't 100% sure that it was a bug, since while testing I had come across one (and only one) .XML without the issue: ProTunes.
I was still trying to find what difference between SampleSkin and ProTunes could cause it.
I have extracted lists of the IDs present in either file (pruned of their parameters and sorted), if you are interested.
A tool like KDiff3 can highlight the differences, example:

Last Edit: May 09, 2024, 11:49:01 AM by karbock

hiccup

  • Hero Member
  • *****
  • Posts: 9142
Zoomed capture showing the line with "Sample Skin.xml":
I can't replicate this to begin with.



And, I do notice that in your screenshot the MusicBee button has its content misaligned:



Is it only the player panel font that you have set to a custom one, or others also?


The reason why that ProTunes skin doesn't show the issue for you is probably because it has "UseModernMenuButton"> set to "true".
I am guessing that if you use:
<element id="UseModernMenuButton">true</element>
in the Sample Skin, it will also display the black line for you?
Last Edit: May 09, 2024, 04:23:53 PM by hiccup