Author Topic: New skin elements  (Read 88723 times)

Bee-liever

  • Member
  • Sr. Member
  • *****
  • Posts: 3830
  • MB Version: 3.6.8830 P
<element id="Player.SpectrumVisualiser" bg="252,252,252" fg="90,90,90" fg2="235,235,235" bdr="233,196,0" />

if you dont supply bg, it uses the panel background
fg is the bottom of the bars, fg2 the top and bdr for the peak bars

(copied from original post http://getmusicbee.com/forum/index.php?topic=3785.msg51036#msg51036)

edit:
added bg2 to set the bar colours when the player is stopped
Last Edit: February 03, 2013, 09:41:29 PM by Steven
MusicBee and my library - Making bee-utiful music together

Steven

  • Administrator
  • Sr. Member
  • *****
  • Posts: 34312
set the colour for the TrackDetail view grouping header:
<element id="Content[TrackDetail].Header" fg="255,0,0" />

Bee-liever

  • Member
  • Sr. Member
  • *****
  • Posts: 3830
  • MB Version: 3.6.8830 P
set the gap between library explorer header and tabs underneath
<element id="LibraryExplorerHeaderGap>1</element>
default value = 1

(see original post here)
MusicBee and my library - Making bee-utiful music together

Steven

  • Administrator
  • Sr. Member
  • *****
  • Posts: 34312
the following bitmaps can be overridden in the main panel tool bar - all are 16x16 except where stated otherwise
PanelNewTab
PanelBack
PanelBackDisabled
PanelForward
PanelForwardDisabled
PanelRefresh
PanelStop
PanelBookmark
PanelLayout                   (28x20)
PanelLayoutDisabled     (28x20)

i think some of the skins could benefit by overridding the default icons. Its in the next 2.1 update

Steven

  • Administrator
  • Sr. Member
  • *****
  • Posts: 34312
additionallythe following element for setting the highlight fill colour on the toolbar buttons and command buttons:
Panel.HeaderButtonOverride.Highlight

http://musicbee.niblseed.com/V2_1/MusicBee_Exe_Patched.zip

Steven

  • Administrator
  • Sr. Member
  • *****
  • Posts: 34312
the following have been added mainly for the new compact player - you should set all of these or none:
<element id="Compact.LeftPanel" bg="200,0,90" />
<element id="Compact.RightPanel.Default" bg="255,0,0" fg="255,255,255" />
<element id="Compact.RightPanel.Disabled" bg="255,0,0" fg="200,200,200" />
<element id="Compact.RightPanel.Highlight" bg="255,255,0" fg="0,255,255" />
<element id="Compact.RightPanel.Lowlight" bg="128,200,128" fg="200,0,255" />
<element id="Compact.Player.Background" bg="100,200,250" fg="0,100,200" />
<element id="Compact.Player.ProgressBar" bg="190,190,190" fg="233,196,0" bdr="130,130,130"/>
<element id="Compact.Player.Control.Default" fg="40,40,240" />
<element id="Compact.Player.Control.Disabled" fg="100,10,100" />
<element id="Compact.Player.Control.Highlight" fg="180,80,80" />
<element id="Compact.Player.Volume" fg="100,100,100" bdr="110,110,110" />
<element id="Compact.Player.Wavebar" fg="223,184,60" fg2="45,145,190" />
<element id="Compact.Player.Wavebar.Inner" fg="193,156,30" fg2="130,30,230" />
<element id="Compact.Player.MetroButton.Default" bg="20,55,10,200" bdr="40,200,90" />  - dont set bg if you dont need a fill colour
<element id="Compact.Player.MetroButton.Highlight" bg="80,255,0,100" bdr="90,220,220" />  - dont set bg if you dont need a fill colour

also to set the metro buttons in the main player (when the main player is configured for modern layout and has the wavebar displayed):
<element id="PlayerFlat.MetroButton.Default" bg="20,55,10,200" bdr="40,200,90" />  - dont set bg if you dont need a fill colour
<element id="PlayerFlat.MetroButton.Highlight" bg="80,255,0,100" bdr="90,220,220" />  - dont set bg if you dont need a fill colour

http://musicbee.niblseed.com/V2_1/MusicBee_Exe_Patched.zip
Last Edit: June 02, 2013, 10:09:52 PM by Steven

Steven

  • Administrator
  • Sr. Member
  • *****
  • Posts: 34312
to override the "Unknown Artist" image in the artwork layout
<element id="UnknownArtist">...bitmap data...</element>

to override the playing track tab icon:
<element id="PlayingTrack">...</element>
<element id="PlayingTrackInTab">...</element>

to override the visualiser icon:
<element id="Visualiser">...</element>

to override the "Lyrics" header when configured with a vertical stack (used in the Melon Remixed skin)
<element id="NowPlayingPanel.SectionHeader" bg="0,244,0" />

to hide the arrows in a scroll bar:
<element id="ScrollbarNoArrows">true</element>

"PlayerFlat.Control.Highlight" now accepts bg and bdr, where you might set an alpha component on the bg colour so you can get a highlight box around the player controls on mouse over

http://musicbee.niblseed.com/V2_1/MusicBee_Exe_Patched.zip

Steven

  • Administrator
  • Sr. Member
  • *****
  • Posts: 34312
to override the new sub-header colour in the Album and Tracks layout

<element id="Content[AlbumAndTracks].SubHeader" fg="120,120,120" />

Steven

  • Administrator
  • Sr. Member
  • *****
  • Posts: 34312
to override the icon used for the "Search Results" node:
<element id="SearchResultsIcon">...bitmap data...</element>

Steven

  • Administrator
  • Sr. Member
  • *****
  • Posts: 34312
as of MusicBee v2.3.5139:

to override the icon colour used for command buttons when the user has set the icons to be recoloured to the skin
<element id="Panel.CommandIconOverride" fg="245,0,0" />

to specify the text colour for highlighted items in a drop-down menu
<element id="Menu.DropDown.HighlightText" fg="255,0,0" />

to override the progress button when the player is docked to the right sidebar
<element id="PlayerSidebar.ProgressButton" fg="244,0,0" />

to override the colour used for the tag editor header bar when docked in the main panel
<element id="TagEditorPanel.Header" bg="255,0,100" fg="255,255,255" />

to put a border around the search box in the main panel
<element id="Panel.SearchBox" bdr="255,0,0" />

to put a border around the scroll bars - its only supported for when no arrows are displayed
<element id="ScrollbarNoArrows">true</element>
<element id="Panel.ScrollBar.Default" bg="210,210,210" bg2="200,200,200" bdr="190,190,190" />

to override the separator line that groups albums when the Album And Tracks layout is used in the Now Playing list
<element id="NowPlaying[AlbumAndTracks].AlbumSeparatorLine" bg="255,0,0" />

to change the rounding on the caption bar:
<element id="UseSquareCaptionBorders">XXX</element>
XXX=Always; Win8+; Never
When Win8+ is used, the skinned caption bars need to work as rounded and as square depending on the user's OS version

to override the column headers in dialog panels
<element id="Controls.ListHeader" bg="255,0,0" bg2="0,100,200" fg="255,210,255" />

to override the background colour for the right sidebar - it doesnt really affect much other than when the player, visualiser or wavebar is docked in the sidebar
<element id="Sidebar.Body.Default" bg="100,100,100" />
Last Edit: January 26, 2014, 09:02:29 PM by Steven

Steven

  • Administrator
  • Sr. Member
  • *****
  • Posts: 34312
to override the progress button in the various player modes:
  <element id="PlayerSidebar.ProgressButton" fg="24,0,100" /> ' defaults to button control
  <element id="PlayerFlat.ProgressButton" fg="25,196,0"/>  ' defaults to bar colour as now
  <element id="PlayerTopFlat.ProgressButton" fg="25,196,0"/>  ' defaults to PlayerFlat.ProgressButton as now
  <element id="PlayerMini.ProgressButton" fg="2,146,190"/>
  <element id="Compact.Player.ProgressButton" fg="253,96,0"/>

Steven

  • Administrator
  • Sr. Member
  • *****
  • Posts: 34312
forgot to mention these:
i have added the following overrides - this only activates for the now playing list docked in the left or right sidebar (and not when its docked in the bottom of the main panel)
  <element id="NowPlayingList[TrackDetail].ListHeader" bg="40,240,240" bg2="225,5,5" fg="0,210,0" bdr="255,80,80" />
  <element id="NowPlayingList[TrackDetail].Default" bg="55,255,255" fg="0,200,0" bdr="200,2,100" />
  <element id="NowPlayingList[TrackDetail].Highlight" bg="45,236,172" bdr="227,216,152" fg="0,220,20" />
  <element id="NowPlayingList[TrackDetail].Lowlight" bg="35,235,235" bdr="25,105,25" fg="0,250,40" />
  <element id="NowPlayingList[TrackDetail].Disabled" fg="70,70,0" />
  <element id="NowPlayingList[TrackDetail].ListAlternating.Default" bg="48,248,248" fg="0,210,0" />
  <element id="NowPlayingList[TrackDetail].ListAlternating.Disabled" fg="70,250,170" />
  <element id="NowPlayingList.ScrollBar" bg="200,200,0" bg2="180,10,180" bdr="235,40,255" />
  <element id="NowPlayingList.ScrollBarThumb" bg="20,230,230" bg2="20,20,250" fg="200,00,180" bdr="200,90,0" />
  <element id="NowPlayingList.ScrollBarBackground" bg="30,230,30" bg2="250,20,250" />

this applies to the column browser, thumblist browser and the podcast subscriptions browser:
  <element id="FilterPanel.ListHeader" bg="40,40,40" bg2="25,25,25" fg="200,250,150" bdr="255,40,20" />
  <element id="FilterPanel.Default" bg="40,40,40" fg="200,200,200" bdr="20,20,20" />
  <element id="FilterPanel.Highlight" bg="45,26,72" bdr="27,16,82" fg="220,100,200" />
  <element id="FilterPanel.Lowlight" bg="35,35,75" bdr="25,25,65" fg="100,200,100" />
  <element id="FilterPanel.Disabled" fg="170,170,170" />
  <element id="FilterPanel.ListAlternating.Default" bg="48,48,98" fg="220,220,220" />
  <element id="FilterPanel.ListAlternating.Disabled" fg="170,170,170" />
  <element id="FilterPanel.ScrollBar" bg="200,200,0" bg2="180,10,180" bdr="235,40,255" />
  <element id="FilterPanel.ScrollBarThumb" bg="20,230,230" bg2="20,20,250" fg="200,00,180" bdr="200,90,0" />
  <element id="FilterPanel.ScrollBarBackground" bg="30,230,30" bg2="250,20,250" />

Steven

  • Administrator
  • Sr. Member
  • *****
  • Posts: 34312
for the next v2.4 release, the following scrollbar overrides are available for the left navigator
  <element id="LeftNavigator.ScrollBar" bg="210,0,0" bg2="200,200,200" bdr="0,190,10" />
  <element id="LeftNavigator.ScrollBarThumb" bg="30,230,230" bg2="50,20,250" fg="100,100,00" bdr="0,0,0,0" />
  <element id="LeftNavigator.ScrollBarBackground" bg="30,30,230" bg2="250,20,250" />

i will also add for the next release:
  <element id="Panel.ChildBody.ScrollBar" bg="210,0,0" bg2="200,200,200" bdr="0,190,10" />
  <element id="Panel.ChildBody.ScrollBarThumb" bg="30,230,230" bg2="50,20,250" fg="100,100,00" bdr="0,0,0,0" />
  <element id="Panel.ChildBody.ScrollBarBackground" bg="30,30,230" bg2="250,20,250" />
this will enable the scroll bar in the library explorer and Now Playing panel to match the panel colours
Last Edit: March 08, 2014, 06:37:11 PM by Steven

Steven

  • Administrator
  • Sr. Member
  • *****
  • Posts: 34312
for the next v2.4 update, to override the new soundcloud Track Search icon

<element id="TrackSearchIcon">...bitmap data...</element>

Steven

  • Administrator
  • Sr. Member
  • *****
  • Posts: 34312
these are available in the latest v2.4 patch version

to override the tabs when displayed in the caption bar:
<element id="CaptionBar.HeaderControl.Default" fg="190,190,190" />
<element id="CaptionBar.HeaderControl.Disabled" fg="120,120,120"  />

to override the colours used for the status bar when the player is docked on the bottom:
<element id="Panel.StatusBarInPanel.Default" bg="245,245,245" fg="95,95,95" bdr="230,230,230" />
and this overrides the panel open/close buttons:
<element id="Panel.StatusBarControlInPanel.Default" fg="140,140,140" />

to force musicbee to display the status bar in the main panel when the player is docked down the bottom (I might remove support for this):
<element id="AllowStatusBarInPanel">true</element>

to show a vertical separator bar between each inactive tab:
<element id="TabsBar.Tab.Separator" bg="180,180,180" />
<element id="TabsBarBelow.Tab.Separator" bg="180,180,180" />
<element id="TabsBar.TabInCaptionBar.Separator" bg="180,180,180" />

override the artwork panel scrollbars:
<element id="Content[Artwork].ScrollBar" bg="150,150,150" bg2="130,130,130" bdr="0,0,0" />
<element id="Content[Artwork].ScrollBarThumb" bg="255,255,255" bg2="255,255,255" fg="123,123,123" bdr="255,255,255" />
<element id="Content[Artwork].ScrollBarBackground" bg="250,250,250" />

overrides the colouring used under the tabs bar when MainPanelTopBorder is true
<element id="MainPanelTopBorderColour" bdr="180,180,180" />
Last Edit: August 02, 2014, 01:45:46 PM by Steven