Author Topic: New skin elements  (Read 88720 times)

Steven

  • Administrator
  • Sr. Member
  • *****
  • Posts: 34312
added this setting to enable text in the player info panel to be centered:
<element id="PlayerInfoCentered">true</element>
Last Edit: April 29, 2012, 11:06:32 AM by Steven

Steven

  • Administrator
  • Sr. Member
  • *****
  • Posts: 34312
added this setting:
  <element id="FullNodeSelect">true</element>

which causes the left navigator panel to display the selection bar across the panel rather than just over the text

Steven

  • Administrator
  • Sr. Member
  • *****
  • Posts: 34312
added these settings for when the menu is displayed in the caption bar as a button:

  <element id="MenuButton.Default" bg="180,180,180" bg2="180,180,180" fg="30,30,30" bdr="180,180,180" />
  <element id="MenuButton.Border" bg="160,160,160" />

MenuButton.Border is the outer border and MenuButton.Default.bdr is the inner border. Note that an alpha value is automatically applied by MB to both borders in order to get rounding on the corners and as such you might need to tweak the value to something 10-30% different to what you think you need depending on the caption bar colour.
Also when the windows caption bar is not skinned then both border colours are ignored and the windows caption border colours are used

cartman005

  • Member
  • Sr. Member
  • *****
  • Posts: 589
Can the button not draw a border if I leave the bdr value blank? I am getting a faint outline around the button even with it removed.


Steven

  • Administrator
  • Sr. Member
  • *****
  • Posts: 34312
the borders create the curved corners and need to have a color. If you dont supply that attribute it uses the first bg colour
so i guess you are using 2 colours for your button.
When i get time it should be possble to make the border color follow the colour gradient

Steven

  • Administrator
  • Sr. Member
  • *****
  • Posts: 34312
added a couple of elements to override tabs when they are docked in the windows caption bar

  <element id="TabsBar.TabInCaptionBar.Default" bg="225,225,225" fg="30,30,30" bdr="170,170,170" />
  <element id="TabsBar.TabInCaptionBar.Highlight" bg="245,245,245" fg="20,20,20" bdr="190,190,190" />

when the windows border is not skinned, the border colours are ignored and default windows border colours are used

Steven

  • Administrator
  • Sr. Member
  • *****
  • Posts: 34312
Can the button not draw a border if I leave the bdr value blank? I am getting a faint outline around the button even with it removed.
i've done a "quick and dirty" - if you put a 0 alpha value in both (must be both) borders then they wont display eg.
<element id="MenuButton.Default" bg="180,180,180" bg2="180,180,180" fg="30,30,30" bdr="0,0,0,0" />
<element id="MenuButton.Border" bg="0,0,0,0" />

thats in the next update

Steven

  • Administrator
  • Sr. Member
  • *****
  • Posts: 34312
override the colour of the header in the Album and Tracks layout
  <element id="Content[AlbumAndTracks].Header" fg="255,0,0"  />

jistme

  • Guest
Hi Steven,

It looks like the colors for the sideplayer progressbarbutton and the buttons in preferences panel are coupled?
Could you create seperate entries?

id="Controls.Button.Default"



Steven

  • Administrator
  • Sr. Member
  • *****
  • Posts: 34312
new elements:
    - override the colour of the text displayed with a picture in the Album & Tracks layout
    <element id="Content[AlbumAndTracks].ArtworkText" fg="255,0,0" />
    - override the left offset of the tabs displayed in the Now Playing panel
    <element id="NowPlayingTabsLeftOffset">1</element>

Steven

  • Administrator
  • Sr. Member
  • *****
  • Posts: 34312
new elements (requires 2.0.4636+ for all the below)

to display horizontal lines for each row in the main and now playing panel:
  <element id="Content[TrackDetail].ItemSeparatorLine" fg="0,200,10" />
  <element id="Content[AlbumAndTracks].ItemSeparatorLine" fg="255,10,10" />

to adjust the position of the tabs bar when docked in the caption bar - although i made some changes to the default and suggest you check the new behavior before changing this
  <element id="TabsInCaptionOffset">1</element>

to override the Playing/Selected Track bar in the Now Playing panel:
  <element id="NowPlayingPanel.TabSelector.Default" bg="240,20,240" bg2="225,225,25" fg="0,0,0" bdr="20,220,220" />
  <element id="NowPlayingPanel.TabSelector.Highlight" bg="20,20,200" />
  <element id="NowPlayingPanel.TabSelector.Lowlight" bg="220,20,220" fg="160,10,160" />

to override the tabs bar when docked in the caption bar and the player is docked at the top:
  <element id="TabsBar.TabInCaptionBarTop.Default" bg="15,215,215" fg="30,30,130" bdr="170,10,170" />
  <element id="TabsBar.TabInCaptionBarTop.Highlight" bg="145,245,5" fg="220,220,20" bdr="10,10,190" />

for bitmap skins only, to override the location of the track progress text - it will split the progress to the left of the progress bar and the duration to the right of the progress bar (see the beeTunes skin). Normally you would set the Y offset to 0 but you might want to change it.
  <element id="PlayerSplitProgressYOffset">0</element>

override the command buttons in the main panel header bar:
  <element id="Panel.CommandButtonOverride" bg="235,1,135" fg="5,255,255" />

Last Edit: September 10, 2012, 07:56:35 PM by Steven

jistme

  • Guest
It would be nice if there was an element for independent background colors for the trackbrowser. It now follows the main panel.

Bee-liever

  • Member
  • Sr. Member
  • *****
  • Posts: 3830
  • MB Version: 3.6.8830 P
<element id="Player.Wavebar" fg="250,10,100" fg2="100,200,9" />
if you also put in a bg value it will fill the background rectangle with that colour

(copied from here http://getmusicbee.com/forum/index.php?topic=7881.msg45681#msg45681)
MusicBee and my library - Making bee-utiful music together

Bee-liever

  • Member
  • Sr. Member
  • *****
  • Posts: 3830
  • MB Version: 3.6.8830 P
<element id="NowPlayingPanel.SpectrumVisualiser" fg="30,255,255,255" fg2="30,83,91,18" />

(copied from http://getmusicbee.com/forum/index.php?topic=7883.msg47369#msg47369)
MusicBee and my library - Making bee-utiful music together

Steven

  • Administrator
  • Sr. Member
  • *****
  • Posts: 34312
 <element id="Content[Artwork].ArtworkText" bg="128,128,128" fg="0,0,255" />

sets the background and text colour when the artwork layout is configured to show pictures compressed together - see:
http://getmusicbee.com/forum/index.php?topic=3991.0