Obsolete skinning elements? Safe to remove?

[jistme]

I've been spending some a lot of time in cleaning up, completing missing elements and removing some glitches from my skin xml's.
Whatever I tried, the elements below seem to do nothing at all in my skins.

Could it be they are obsolete?

  <element id="ArtworkPanel" bg="0,255,0" fg="0,255,0" bdr="0,255,0" />
  <element id="TrackInfoPanel" bg="0,255,0" fg="0,255,0" bdr="0,255,0" />
  <element id="LibraryExplorer.Default" bg="0,255,0" fg="0,255,0" />
  <element id="Content[ArtistProfile]" bg="0,255,0" fg="0,255,0" bdr="0,255,0" />
  <element id="Content[Artwork]" bg="0,255,0" fg="0,255,0" bdr="0,255,0" />
  <element id="Controls.ProgressBar" bg="0,255,0" fg="0,255,0" />
  <element id="Controls.ProgressBarButton" bg="0,255,0" fg="0,255,0" />
  <element id="Controls.ProgressBarContainer" bg="0,255,0" />
  <element id="Controls.SystemInputControl.Highlight" bg="0,255,0" fg="0,255,0" />
  <element id="Controls.TabSelectedButton" bg="0,255,0" />
  <element id="EditPanel.Highlight" fg="0,255,0" />
  <element id="Toolbar.Background" bg="0,255,0" fg="0,255,0" />   found it
  <element id="Toolbar.Body" bg="0,255,0" fg="0,255,0" />   found it
  <element id="Toolbar.Counter" bg="0,255,0" fg="0,255,0" />
  <element id="NavigatorPanel.Body.Default" bg="0,255,0" bg2="0,255,0" fg="0,255,0" bdr="0,255,0" />
  <element id="Radio.TopBorder" fg="0,255,0" />
  <element id="TabsBar.TabCloseButton.Lowlight" bg="0,255,0" fg="0,255,0" />
  <element id="Player.StarRating.Highlight" fg="0,255,0" />
  <element id="PlayerTop.StarRating.Highlight" fg="0,255,0" />
  <element id="NowPlayingPanel.TabSelector.Highlight" bg="0,255,0" />
  <element id="NowPlayingPanel.TabSelector.Lowlight" bg="0,255,0" fg="0,255,0" />
  <element id="NowPlayingTabsBar.Background" bg="0,255,0" />   found it
  <element id="NowPlayingTabsBar.Tab.Default" bg="0,255,0" fg="0,255,0" />   found it
  <element id="NowPlayingTabsBar.Tab.Highlight" bg="0,255,0" fg="0,255,0" />   found it

[The Incredible Boom Boom]

For the life of me, I cannot figure out what these below elements do, despite several forum searches over the last year.
Any insight into which settings in Preferences to enable them so I can make edits would be highly appreciated.

Code

<element id="Content[ArtistProfile]" bg="0,0,255" fg="255,255,0" bdr="0,255,255" />
<element id="ArtworkPanel" bg="0,255,255" fg="0,255,255" bdr="0,255,255" />

<element id="Controls.Header" bg="0,255,255" fg="255,255,0" bdr="0,255,0" />

<element id="Controls.SubscriptionCounter" bg="135,207,134" fg="225,56,0" />
<element id="Controls.EpisodeNotPlayed" bg="217,26,175" />
<element id="Controls.EpisodeDownloading" fg="24,191,196" />

<element id="Controls.ProgressBar" bg="255,255,0" bg2="255,255,0" fg="160,161,161" bdr="250,249,249" />
<element id="Controls.ProgressBarButton" bg="229,236,236" fg="133,68,16" bdr="250,249,250" />
<element id="Controls.ProgressBarContainer" bg="0,0,255" />

<element id="Controls.SearchBox.Lowlight" bg="0,255,0" fg="255,115,255" />

<element id="Toolbar.Background" bg="0,255,255" />

<element id="Panel.CommandIconOverride" fg="255,0,0" />

<element id="Panel.HeaderControl.Default" fg="255,0,0" bdr="215,216,216" /> <!-- 216,217,196 -->
<element id="Panel.HeaderControl.Highlight" bg="255,0,0" bg2="255,0,0" fg="147,61,14" bdr="225,236,236" />

<element id="Panel.LovedIcon.Highlight" fg="0,255,0" fg2="0,255,0" />

<element id="TrackInfoPanel" bg="0,0,255" fg="0,255,0" bdr="255,0,0" />
<element id="TrackInfoPanel.ScrollBar" bg="220,220,220" bg2="220,220,220" bdr="0,0,249" />
<element id="TrackInfoPanel.ScrollBarBackground" bg="198,205,20" bg2="198,205,20" />
<element id="TrackInfoPanel.ScrollBarThumb" bg="232,237,97" bg2="232,237,97" fg="106,110,11" bdr="15,15,2" />
<element id="TrackInfoPanel.ScrollBar.Lowlight" bg="255,0,0" bg2="255,0,0" bdr="220,50,50" />	 

<element id="TabsBar.DropCursor" bg="0,255,0" />

[hiccup]

Where did you get these elements/values from?
Over the years there are quite a few skinning elements that have become obsolete.
But there is no comprehensive listing of current elements available.
I have been trying to keep the Sample Skin only containing verifiable and working elements, and I remove the elements that I am pretty sure of that they are indeed obsolete.
For the ones I still have some doubts on, I use rgb 0,255,0. (or 0,255,n)
Could you run the elements you are asking about against what is in my Sample Skin?

[The Incredible Boom Boom]

They're all from your Sample Skin. Lol

I used simple, bold colors like (0,255,0) or (255,0,0)  to help elements on my all-black skin stand out, so I could figure out what they modified, but I haven't been able to place these plus a few others.
It's not a necessity to place most of them, but I know there are some elements that override others and so I just wanted to be able to know what these ambiguous ones did.

[hiccup]

They're all from your Sample Skin. Lol

Are you sure?
I did a random check before responding, e.g. with: <element id="ArtworkPanel" bg="0,255,255" fg="0,255,255" bdr="0,255,255" />
But I don't think that one is in my Sample Skin?

[The Incredible Boom Boom]

Are you sure?
I did a random check before responding, e.g. with: <element id="ArtworkPanel" bg="0,255,255" fg="0,255,255" bdr="0,255,255" />
But I don't think that one is in my Sample Skin?

Uhhhh, now I'm not.
I just searched through the most recently uploaded Sample Skin and that one's not there.
The Sample Skin I used to make my first skin was from long ago, so maybe you had removed it at some point between then and now?

[hiccup]

I do update it once in a while, and I may be guilty of not always advertising it when I make minor updates to any of my skins…

Please share it if you find any imperfections in it.
I have no direct lines or access to 'the source', and I am making a lot of educated guesses constructing and maintaining it.
So all comments and contributions are very welcome.

[Bee-liever]

For the life of me, I cannot figure out what these below elements do, despite several forum searches over the last year.
Any insight into which settings in Preferences to enable them so I can make edits would be highly appreciated.

<element id="Content[ArtistProfile]" bg="0,0,255" fg="255,255,0" bdr="0,255,255" />
<element id="ArtworkPanel" bg="0,255,255" fg="0,255,255" bdr="0,255,255" />
<element id="TrackInfoPanel" bg="0,0,255" fg="0,255,0" bdr="255,0,0" />
These are placeholders from previous versions of MB.  They are not currently used but you still need to include them in your skin.
You don't have to include values eg:
<element id="Content[ArtistProfile]" />
<element id="ArtworkPanel" />
<element id="TrackInfoPanel" />


<element id="Controls.Header" bg="0,255,255" fg="255,255,0" bdr="0,255,0" /> backwards compatibility pre-2.5.


<element id="Controls.SubscriptionCounter" bg="135,207,134" fg="225,56,0" />
<element id="Controls.EpisodeNotPlayed" bg="217,26,175" />
<element id="Controls.EpisodeDownloading" fg="24,191,196" />
are on the podcasts tab. see here


<element id="Controls.ProgressBar" bg="255,255,0" bg2="255,255,0" fg="160,161,161" bdr="250,249,249" />
<element id="Controls.ProgressBarButton" bg="229,236,236" fg="133,68,16" bdr="250,249,250" />
<element id="Controls.ProgressBarContainer" bg="0,0,255" />
the download progress bar on the Podcasts tab


Controls.SearchBox.Lowlight is for the searchbox when not in focus and not in the captionbar


<element id="Toolbar.Background" bg="0,255,255" /> backwards compatibility pre-3.1


<element id="Panel.CommandIconOverride" fg="255,0,0" /> when using icons in Toolbar, can be used to match colour to Panel.CommandButtonOverride


<element id="Panel.HeaderControl.Default" fg="255,0,0" bdr="215,216,216" /> <!-- 216,217,196 -->
<element id="Panel.HeaderControl.Highlight" bg="255,0,0" bg2="255,0,0" fg="147,61,14" bdr="225,236,236" />
backwards compatibility pre-3.1


<element id="Panel.LovedIcon.Highlight" fg="0,255,0" fg2="0,255,0" /> backwards compatibility pre-2.5


<element id="TrackInfoPanel.ScrollBar" bg="220,220,220" bg2="220,220,220" bdr="0,0,249" />
<element id="TrackInfoPanel.ScrollBarBackground" bg="198,205,20" bg2="198,205,20" />
<element id="TrackInfoPanel.ScrollBarThumb" bg="232,237,97" bg2="232,237,97" fg="106,110,11" bdr="15,15,2" />
<element id="TrackInfoPanel.ScrollBar.Lowlight" bg="255,0,0" bg2="255,0,0" bdr="220,50,50" />   
used to match TrackInfoPanel scrollbars if Content[TrackDetail] is a different colour to Panel.Body


<element id="TabsBar.DropCursor" bg="0,255,0" /> colour used when tabs are dragged to a new position

[The Incredible Boom Boom]

🙏🏿🙏🏿🙏🏿

<element id="Controls.SubscriptionCounter" bg="135,207,134" fg="225,56,0" />
<element id="Controls.EpisodeNotPlayed" bg="217,26,175" />
<element id="Controls.EpisodeDownloading" fg="24,191,196" />
are on the podcasts tab. see here

<element id="Controls.ProgressBar" bg="255,255,0" bg2="255,255,0" fg="160,161,161" bdr="250,249,249" />
<element id="Controls.ProgressBarButton" bg="229,236,236" fg="133,68,16" bdr="250,249,250" />
<element id="Controls.ProgressBarContainer" bg="0,0,255" />
the download progress bar on the Podcasts tab

🤦🏿‍♂️
Duh! I have unchecked the Podcasts tab in Preferences, so I never remember the panel exists.

<element id="TrackInfoPanel.ScrollBar" bg="220,220,220" bg2="220,220,220" bdr="0,0,249" />
<element id="TrackInfoPanel.ScrollBarBackground" bg="198,205,20" bg2="198,205,20" />
<element id="TrackInfoPanel.ScrollBarThumb" bg="232,237,97" bg2="232,237,97" fg="106,110,11" bdr="15,15,2" />
<element id="TrackInfoPanel.ScrollBar.Lowlight" bg="255,0,0" bg2="255,0,0" bdr="220,50,50" />
used to match TrackInfoPanel scrollbars if Content[TrackDetail] is a different colour to Panel.Body

Is Content[TrackDetail] now Content[TrackDetail].Body.Default?

<element id="TabsBar.DropCursor" bg="0,255,0" /> colour used when tabs are dragged to a new position

I may have disabled the appropriate setting for this, but when I grab tabs, the actual tab doesn't move, I just see a generic dotted-line box?

Please share it if you find any imperfections in it.

Have found none! Mostly it's just trying to figure out which elements are deprecated, which others are dependent on other elements to work and which elements are just extremely hard to find. It's an extremely helpful tool, thanks for making it!

------------------------------------------------------------------------------------------------------

To any moderators who may see this, this thread is the same topic as this current one and I don't mind if this one is merged into it, so anyone coming across it, but not this one, can be helped out.

[Bee-liever]

<element id="TrackInfoPanel.ScrollBar" bg="220,220,220" bg2="220,220,220" bdr="0,0,249" />
<element id="TrackInfoPanel.ScrollBarBackground" bg="198,205,20" bg2="198,205,20" />
<element id="TrackInfoPanel.ScrollBarThumb" bg="232,237,97" bg2="232,237,97" fg="106,110,11" bdr="15,15,2" />
<element id="TrackInfoPanel.ScrollBar.Lowlight" bg="255,0,0" bg2="255,0,0" bdr="220,50,50" />
used to match TrackInfoPanel scrollbars if Content[TrackDetail] is a different colour to Panel.Body

Is Content[TrackDetail] now Content[TrackDetail].Body.Default?

Basically yes.

<element id="TabsBar.DropCursor" bg="0,255,0" /> colour used when tabs are dragged to a new position

I may have disabled the appropriate setting for this, but when I grab tabs, the actual tab doesn't move, I just see a generic dotted-line box?

Should have added:
Deprecated -  backwards compatibility pre-3.0