getmusicbee.com

MusicBee & Add-Ons => Customizations => Skins => Topic started by: Bee-liever on April 18, 2016, 12:50:28 PM

Title: Iconic
Post by: Bee-liever on April 18, 2016, 12:50:28 PM
ATTENTION!
This skin has been created for use with MusicBee 3.0
Compatibility with version 2.5 or earlier is not guaranteed.


This started as just a quick skin I was using to test the final range of skin elements for MB3.
It turned out quite reasonable so I thought I'd share.
I've based it on the colours from the default MusicBee icon.

Iconic

(http://i.imgur.com/fokfhEJ.jpg) (http://imgur.com/fokfhEJ)

(http://i.imgur.com/UmZ2ZKq.jpg) (http://imgur.com/UmZ2ZKq)



Updates


August 09, 2017:

June 22, 2017: now XMLC extension skin

April 21, 2016:



Downloads

If updating from the old .xml skin, please delete that skin before installing the new .xmlc version

Download from Skins section of MusicBee Add-ons here (http://getmusicbee.com/addons/s/?type=1)

Installation guide (if needed) is available here (http://getmusicbee.com/forum/index.php?topic=7348.msg42317#msg42317)
Title: Re: Iconic
Post by: Iasc on April 18, 2016, 01:08:33 PM
Looks good. Thanks Bee-liever.
Title: Re: Iconic
Post by: hiccup on April 20, 2016, 04:33:34 PM
Scavenging for some ideas to perhaps also use some of the new scrollbar features, I looked at this one also.
It is a nice skin, but it also shows I am still not convinced how 'graceful' or useful the new scrollbar options are.
And I did notice thick red borders around the search fields. Not sure if they are intentional, so I just thought to mention it.

(http://i.imgur.com/xPaH6nr.png)
Title: Re: Iconic
Post by: Bee-liever on April 21, 2016, 10:16:43 AM
...I did notice thick red borders around the search fields. Not sure if they are intentional, so I just thought to mention it.
Well spotted hiccup :)
Thanks for heads-up on those.
Fixed and new link posted.
Title: Re: Iconic
Post by: Bee-liever on April 21, 2016, 10:24:08 AM
...but it also shows I am still not convinced how 'graceful' or useful the new scrollbar options are.
As you would have read my conversations with Steven, you would be aware that I also think the lowlight + narrow scrollbar options need some more work.
I'm just using the current implementation to the best of my ability.
Title: Re: Iconic
Post by: hiccup on April 21, 2016, 02:55:21 PM
...but it also shows I am still not convinced how 'graceful' or useful the new scrollbar options are.
As you would have read my conversations with Steven, you would be aware that I also think the lowlight + narrow scrollbar options need some more work.
I'm just using the current implementation to the best of my ability.

Just to be sure, my remark is certainly not aimed at your skinning abilities. On the contrary, I think you have the most interesting of all, and I was glad to see this scrollbar effect 'in the wild'.
I also participated in the discussion about this feature, and I must admit I have been skeptical about how it was intended to work.
Looking at how it actually turns out in a skin, I feel it is too rough and not very subtle. A bit old-fashioned even.
But as I said, it's no criticism on your skin at all.
Title: Re: Iconic
Post by: Bee-liever on June 22, 2017, 11:26:52 AM
Updated
Details in first post
For download, see Add-ons section or link updated in first post
Title: Re: Iconic
Post by: Bee-liever on August 08, 2017, 11:38:00 PM
Updated
Details in first post
For download, see Add-ons section or link updated in first post
Title: Re: Iconic
Post by: audiovore on August 10, 2017, 06:45:19 PM
Nice skin!

What option should I trigger to get the small thumbnails like in your preview image?
I'm talking about the 5 thumbnails that appear to the left of the album cover and above the selected album tracks. I'm assuming they are embedded album covers.
Title: Re: Iconic
Post by: Bee-liever on August 10, 2017, 10:35:09 PM
right-click on the panel header;
Customise Panel...> Configure Expanded Panel> enable all artwork to be selected and displayed
Title: Re: Iconic
Post by: audiovore on August 11, 2017, 03:09:27 AM
Thanks! Lot of great features to discover in this app.
Title: Iconic Skin Request
Post by: johnnyboy on July 26, 2018, 11:35:48 PM
Hi Bee-liever.
I really like your iconic skin, one of the cleanest attractive I've seen. However I'm not keen on the gold/yellow frame lines. Any chance of options to change to different colors? Would you do it or give info on how to change the skin?
thanks
Title: Re: Iconic Skin Request
Post by: Bee-liever on July 30, 2018, 04:29:55 AM
@ johnnyboy

Copy this into any text editor:
Code
<?xml version="1.0" encoding="utf-8"?>
<root dependsOn="Iconic.xmlc">
<settings>
    <element id="MainPanelMargin.Left">1</element>
    <element id="MainPanelMargin.Right">1</element>
    <element id="MainPanelMargin.Top">1</element>
    <element id="MainPanelMargin.Bottom">1</element>
  </settings>
<colours id="Default">
    <element id="ApplicationBackColour" bg="R,G,B" />
    <element id="HeaderBar" bg="0,0,0" fg="249,249,251" bdr="R,G,B" />
    <element id="TabsBar.BorderLine" bdr="R,G,B" />
    <element id="TabsBar.TabInCaptionBarTop.BorderLine" bdr="R,G,B" />
    <element id="Panel.SectionHeader.Default.Border2" fg="R,G,B" />
    <element id="Panel.Body.Default" bg="29,31,35" fg="198,217,241" bdr="R,G,B" />
    <element id="Panel.ChildHeader.Default.Border2" fg="R,G,B" />
    <element id="Panel.StatusBar.Default" bg="0,0,0" fg="143,152,159" bdr="R,G,B" />
    <element id="Content[TrackDetail].Body.ListHeader" bg="14,15,17" fg="223,233,246" bdr="R,G,B" />
    <element id="Content[TrackDetail].Body.Default" bg="29,31,35" fg="198,217,241" bdr="R,G,B" />
  </colours>
</root>

Change the "R,G,B" values to colour of your choice (original yellow was 255,192,0) and save with your skin name and an .xml extension.
Place it in the same folder as the original Iconic skin is and use.

This is not going to change all the yellow, only the majority of the border lines.
This part:
Code
<element id="MainPanelMargin.Left">1</element>
    <element id="MainPanelMargin.Right">1</element>
    <element id="MainPanelMargin.Top">1</element>
    <element id="MainPanelMargin.Bottom">1</element>
also reduces the bold 2px main border to only 1 px width.

If you still want the wide border in your new colour, just delete that part from your skin .xml
Title: Re: Iconic
Post by: markf2748 on August 14, 2018, 11:11:08 PM
Can you please brighten up the options list in the left sidebar of the "Edit Preferences" popup?  While the selection is orange, the other text is barely visible on my Win 10 systems.
Similarly, in the Album Artist left sidebar of the main screen, the "# of tracks" text (under each of the artist names) is barely visible.

Thanks.
Title: Iconic skin question ...
Post by: paulk on September 06, 2020, 12:25:08 AM
nice and clean skin.  Sorry for the newbie question but the image displayed on the downloads page shows the STOP button icon in the controls but when I extracted the XMLC file the STOP button is not available and cannot find any way to add it.  Was this button available in the XML file and then removed on the XMLC file?  Thanks in advance for any replies !!

(https://imgur.com/Nj0GC7v)
Title: Re: Iconic
Post by: Bee-liever on September 06, 2020, 03:49:02 AM
right-click on player bar> Panel Layout> show stop button
Title: Re: Iconic
Post by: paulk on September 06, 2020, 05:16:15 PM
Of course! How did I miss that?  Thank you for the help and for a great skin.