Author Topic: Skin- and visual errors related to, and skinning requests for MusicBee v3  (Read 329778 times)

Bee-liever

  • Member
  • Hero Member
  • *****
  • Posts: 3871
  • MB Version: 3.6.9255 P
Is there a list of added and removed elements for v3 skins or a reference skin that has all of the supported elements?
i am planning to consolidate the new ones on one post some time this weekend. I doubt i will have time to figure out what has been removed - unforunately i misplaced the list where i was keeping track of that

in the interim, here is a copy of the list I've been keeping of new items added on the forum



<element id="Menu.DropDownCheckBoxImage" fg="xxx,xxx,xxx" />
<element id="Menu.Header" bg="xxx,xxx,xxx" fg="xxx,xxx,xxx" />

<element id="Panel.SearchBox.NotActivated" bg="xxx,xxx,xxx" bdr="xxx,xxx,xxx" />
<element id="CaptionBar.SearchBox.NotActivated" bg="xxx,xxx,xxx" bdr="xxx,xxx,xxx" />

<element id="TabsBar.BorderLine" bdr="xxx,xxx,xxx" />
<element id="TabsBar.TabInCaptionBar.BorderLine" bdr="xxx,xxx,xxx" />

<element id="Content[TrackDetail].HeaderLine" bg="xxx,xxx,xxx" />

<element id="NowPlayingTrackInfo" bg="xxx,xxx,xxx" fg="xxx,xxx,xxx" />
<element id="NowPlayingLargeAlbumTrackInfo" bg="xxx,xxx,xxx" fg="xxx,xxx,xxx"  />

<element id="PlayerFlat.ProgressBarMiddle" bg="xxx,xxx,xxx" />
<element id="PlayerFlat.NotLovedIcon" fg="xxx,xxx,xxx" />

<element id="Controls.Arrow.Default" fg="xxx,xxx,xxx" />
<element id="Controls.AlbumThumb" fg="xxx,xxx,xxx" />
<element id="Controls.GenreThumb" fg="xxx,xxx,xxx" />
<element id="Controls.FindButton.Default" bg="xxx,xxx,xxx" fg="xxx,xxx,xxx" />
<element id="Controls.SubscriptionCounter" bg="xxx,xxx,xxx" fg="xxx,xxx,xxx" />
<element id="Controls.EpisodeNotPlayed" bg="xxx,xxx,xxx" />
<element id="Controls.EpisodeDownloading" fg="xxx,xxx,xxx" />
<element id="Controls.WebLink" fg="xxx,xxx,xxx" />

<element id="DeviceSettings.VerticalMenu.Default" bg="xxx,xxx,xxx" fg="xxx,xxx,xxx" />
<element id="DeviceSettings.VerticalMenu.Highlight" bg="xxx,xxx,xxx" fg="xxx,xxx,xxx" />
<element id="DeviceSettings.VerticalMenu.Lowlight" bg="xxx,xxx,xxx" fg="xxx,xxx,xxx" />

<element id="ColumnBrowser.ListHeader" bg="xxx,xxx,xxx" bg2="xxx,xxx,xxx" fg="xxx,xxx,xxx" bdr="xxx,xxx,xxx" />
<element id="ColumnBrowser.Default" bg="xxx,xxx,xxx" fg="xxx,xxx,xxx" />
<element id="ColumnBrowser.ListAlternating.Default" bg="xxx,xxx,xxx" fg="xxx,xxx,xxx" />
<element id="ColumnBrowser.Highlight" bg="xxx,xxx,xxx" bdr="xxx,xxx,xxx" fg="xxx,xxx,xxx" />
<element id="ColumnBrowser.Lowlight" bg="xxx,xxx,xxx" fg="xxx,xxx,xxx" bdr="xxx,xxx,xxx" />
<element id="ColumnBrowser.ScrollBar" bg="xxx,xxx,xxx" bg2="xxx,xxx,xxx" bdr="xxx,xxx,xxx" />
<element id="ColumnBrowser.ScrollBarBackground" bg="xxx,xxx,xxx" />
 
for scrollbars i have added support for lowlighting inactive scrollbar sliders ie. the lowlight colours will show unless you click on the slider and drag it
Panel.ScrollBar.Lowlight
LeftNavigator.ScrollBar.Lowlight
Panel.ChildBody.ScrollBar.Lowlight
FilterPanel.ScrollBar.Lowlight
ColumnBrowser.ScrollBar.Lowlight
Content[Artwork].ScrollBar.Lowlight

if you only want the lowlight colours to apply to narrow scrollbars eg. you only want the narrow scrollbars to be more blended into the background
<element id="ScrollBarLowlightNarrowOnly">true</element>

<element id="AlertIcon">
<element id="DeleteIcon">
<element id="DownloadIndicatorIcon">
<element id="MusicExplorerIcon">
<element id="NotificationIcon">
<element id="NowPlayingIcon">
<element id="PlaylistDirectoryIcon">
<element id="RecommendationsIcon">
<element id="UpcomingConcertsIcon">
<element id="WebBrowserIcon">

<PlayerSplitProgressYOffset>Above</PlayerSplitProgressYOffset>


MusicBee and my library - Making bee-utiful music together


Bee-liever

  • Member
  • Hero Member
  • *****
  • Posts: 3871
  • MB Version: 3.6.9255 P
lowlight override for 'playing tracks' panel

<element id="NowPlayingList.ScrollBar.Lowlight"

doesn't exist (yet :)  )
MusicBee and my library - Making bee-utiful music together

Steven

  • Administrator
  • Hero Member
  • *****
  • Posts: 34990
lowlight override for 'playing tracks' panel
<element id="NowPlayingList.ScrollBar.Lowlight"
doesn't exist (yet :)  )
its done for the next update

hiccup

  • Hero Member
  • *****
  • Posts: 9149
Hey
Is there a list of added and removed elements for v3 skins or a reference skin that has all of the supported elements?

If you have MS Excel, you could use this tool I created a while back that will show any differences and omissions of a skin that you insert in it.
It uses a 'master skin' file which I have updated and made as actual and complete as I could.

Any contributions or comments on it would be very welcome and helpful.
Maybe even Steven could run it, and see if he could point out all elements and attributes that by now are definitely obsolete, so that I can mark those as obsolete in this 'master file' too, so anybody knows not to waste time and effort on those anymore.

http://getmusicbee.com/forum/index.php?topic=10689.msg64268#msg64268

hiccup

  • Hero Member
  • *****
  • Posts: 9149
These two elements are behaving a bit erratic.

<element id="TabsBar.TabAddButton.Default" bg="0,252,6" fg="254,3,1" />
<element id="TabsBarBelow.TabAddButton.Default" bg="0,253,2" fg="121,121,121" />

bg doesn't seem to do anything, but if you remove it, fg won't work anymore.

Also in the skin I am currently testing this, the value set for "TabsBar.TabAddButton.Default" will not show up there, but in "TabsBarBelow.TabAddButton.Default" instead.

Steven

  • Administrator
  • Hero Member
  • *****
  • Posts: 34990
Also in the skin I am currently testing this, the value set for "TabsBar.TabAddButton.Default" will not show up there, but in "TabsBarBelow.TabAddButton.Default" instead.
that no longer applies as the tab handling/ background panel has been changed in v3
these should suffice
TabsBar.TabAddButton.Default and
TabsBar.TabInCaptionBarAddButton.Default


hiccup

  • Hero Member
  • *****
  • Posts: 9149
these should suffice
TabsBar.TabAddButton.Default and
TabsBar.TabInCaptionBarAddButton.Default

Ok. I'll mark it as obsolete for v3.

But what's still weird is that if I have the other two like this:

<element id="TabsBar.TabAddButton.Default" bg="0,255,1" fg="255,1,0" />
<element id="TabsBar.TabInCaptionBarAddButton.Default" bg="0,255,2" fg="255,2,0" />

Both fg's are displaying correct. (while the bg's don't do anything)
But if I then remove the bg's, the fg's don't work anymore.

mikebo

  • Sr. Member
  • ****
  • Posts: 350
Ok. I'll mark it as obsolete for v3.

But what's still weird is that if I have the other two like this:

<element id="TabsBar.TabAddButton.Default" bg="0,255,1" fg="255,1,0" />
<element id="TabsBar.TabInCaptionBarAddButton.Default" bg="0,255,2" fg="255,2,0" />

Both fg's are displaying correct. (while the bg's don't do anything)
But if I then remove the bg's, the fg's don't work anymore.
Maybe it would make things easier if Steven maintained a reference skin.

hiccup

  • Hero Member
  • *****
  • Posts: 9149
Maybe it would make things easier if Steven maintained a reference skin.

You can leave out 'maybe', but since that might be a bit difficult currently (as Steven also explained a bit already), and he has plenty on his plate already, the best we can do is share information and experiences.

To be honest, I am slightly disappointed how little (productive) feedback my excel effort gets from other skinners.
It has been available for more than two years now, and there has hardly been any contribution from other skinners to it.
Not to pat myself on the shoulders, but it still seems to be the only effort to try and create, and share an as complete and correct as possible overview of working elements.

Steven

  • Administrator
  • Hero Member
  • *****
  • Posts: 34990
But what's still weird is that if I have the other two like this:

<element id="TabsBar.TabAddButton.Default" bg="0,255,1" fg="255,1,0" />
<element id="TabsBar.TabInCaptionBarAddButton.Default" bg="0,255,2" fg="255,2,0" />

Both fg's are displaying correct. (while the bg's don't do anything)
But if I then remove the bg's, the fg's don't work anymore.
its for backwards compatibility - MB loads a different set of background colors, if bg is not set. If i was to do the whole skinning thing again (which i am not!) then there are quite a few crappy things that i would get rid of

hiccup

  • Hero Member
  • *****
  • Posts: 9149
its for backwards compatibility - MB loads a different set of background colors, if bg is not set. If i was to do the whole skinning thing again (which i am not!) then there are quite a few crappy things that i would get rid of

Clear, I'll just leave them in.
Getting rid of crappy stuff can always be done for v4 ;-)

endeavour1934

  • Full Member
  • ***
  • Posts: 207
Requests:

Increase header height
http://i.imgur.com/F6hesee.png


Add a new element for TabsBar colors when PlayerBar is on Top (very useful)
http://i.imgur.com/9XUP9vh.png


And finally, headerbar/panel overrides for each section/column










Last Edit: January 17, 2016, 08:42:49 PM by endeavour1934

Steven

  • Administrator
  • Hero Member
  • *****
  • Posts: 34990

Steven

  • Administrator
  • Hero Member
  • *****
  • Posts: 34990
Add a new element for TabsBar colors when PlayerBar is on Top (very useful)
http://musicbee.niblseed.com/V3_0/MusicBee3_Patched.zip

these activate when the main player is displayed on top
<element id="TabsBarPTop.Tab.Highlight" bg="23,235,235" fg="80,80,80" bdr="10,170,170" />
<element id="TabsBarPTop.Tab.Default" bg="186,20,26" fg="20,20,20" bdr="170,10,170" />
<element id="TabsBarPTop.Background" bg="186,0,0" />
<element id="TabsBarPTop.Tab.Separator" bg="10,150,150" />
this one is optional:
<element id="TabsBarPTop.BorderLine" bg="10,150,250" />

i will do the panel header/section overrides but it might be a few days away