Author Topic: Iconic  (Read 12748 times)

Bee-liever

  • Member
  • Hero Member
  • *****
  • Posts: 3762
  • MB Version: 3.5.8211 P
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





Updates


August 09, 2017:
  • MB3.1 RC1 update;
  • minor change to scrollbars;
  • minor 3.1 elements added.

June 22, 2017: now XMLC extension skin
  • changed icons for HD screens;
  • minor 3.1 colour changes;
  • themed No Artwork and Unknown Artist images added.

April 21, 2016:
  • fixed red search borders;
  • typo in splash screen fixed;
  • splash screen image optimized for reduced file size.



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

Installation guide (if needed) is available here
Last Edit: August 08, 2017, 11:37:22 PM by Bee-liever
MusicBee and my library - Making bee-utiful music together

Iasc

  • Hero Member
  • *****
  • Posts: 785
Looks good. Thanks Bee-liever.

hiccup

  • Hero Member
  • *****
  • Posts: 5932
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.



Bee-liever

  • Member
  • Hero Member
  • *****
  • Posts: 3762
  • MB Version: 3.5.8211 P
...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.
MusicBee and my library - Making bee-utiful music together

Bee-liever

  • Member
  • Hero Member
  • *****
  • Posts: 3762
  • MB Version: 3.5.8211 P
...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.
MusicBee and my library - Making bee-utiful music together

hiccup

  • Hero Member
  • *****
  • Posts: 5932
...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.

Bee-liever

  • Member
  • Hero Member
  • *****
  • Posts: 3762
  • MB Version: 3.5.8211 P
Updated
Details in first post
For download, see Add-ons section or link updated in first post
MusicBee and my library - Making bee-utiful music together

Bee-liever

  • Member
  • Hero Member
  • *****
  • Posts: 3762
  • MB Version: 3.5.8211 P
Updated
Details in first post
For download, see Add-ons section or link updated in first post
MusicBee and my library - Making bee-utiful music together

audiovore

  • Newbie
  • *
  • Posts: 7
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.

Bee-liever

  • Member
  • Hero Member
  • *****
  • Posts: 3762
  • MB Version: 3.5.8211 P
right-click on the panel header;
Customise Panel...> Configure Expanded Panel> enable all artwork to be selected and displayed
MusicBee and my library - Making bee-utiful music together

audiovore

  • Newbie
  • *
  • Posts: 7
Thanks! Lot of great features to discover in this app.

johnnyboy

  • Jr. Member
  • **
  • Posts: 58
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

Bee-liever

  • Member
  • Hero Member
  • *****
  • Posts: 3762
  • MB Version: 3.5.8211 P
@ 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
Last Edit: July 30, 2018, 08:31:01 PM by Bee-liever
MusicBee and my library - Making bee-utiful music together

markf2748

  • Newbie
  • *
  • Posts: 2
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.
Last Edit: August 14, 2018, 11:14:14 PM by markf2748

paulk

  • Newbie
  • *
  • Posts: 2
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 !!