getmusicbee.com

MusicBee & Add-Ons => Customizations => Skins => Topic started by: phred on December 08, 2015, 08:26:23 PM

Title: Phred on the Lookout
Post by: phred on December 08, 2015, 08:26:23 PM
Phred on the Lookout is a blue skin for MusicBee 3+.

It is based on (some would say stolen from) hiccup's (nee jistme) Jistme on the Outlook.  I want to thank hiccup for doing the hard work of the original creation. And then he stepped up big-time to help me work through the various issues I ran into.  He is due a virtual bottle of red.

The font used in the Artwork View screen shot is Kabel and the font used in the Track Details view is Comic Sans MS. Both are  available free from many websites.

All comments are welcome.

Nov 20 2021 - made text on tabs a slightly bluer blue to improve legibility (thanks to sveakul)
Nov 18 2020 - corrected colors in forward and back arrows
Nov 03 2018 - added support for multi-line display
Oct 19 2018 - updates to controls/progress bar on bottom
Sep 03 2017 - tweaks to volume visualiser
May 08 2017 - added volume visualiser
Dec 18 2016 - fixed progress bar
Jun 04 2016 - fixed radio buttons
Apr 25 2016 - minor fixes
Mar 11 2016 - changed foreground color of A-Z Bar (thanks for the override Steven)
Feb 14 2016 - tweak to spectrum visualiser and search box
Feb 11 2016 - some Bee-liever inspired tweaks along with tweaks to dropdown menu borders & compact player; complete rewrite of mini-player & tag editor
Feb 02 2016 - slight color change to player controls and wavebar; removed separator line in Track Details & Now Playing panels
Jan 18 2016 - more main panel tab tweaks
Jan 16 2016 - changed color and layout of main panel tabs
Jan 06 2016 - Even less white; tweaks to in-line and vertical menu bars; new splash screen; added graphic for "No Cover Art"
Dec 13 2015 - Less white; more blue.  Color tweaks various elements including wavebar, control buttons, tag editor, scroll bars, tabs, buttons, and alternating color bars.  

Enjoy.

Download Phred on the Lookout (http://www.mediafire.com/download/h8uvvosdhn5himf/Phred+on+the+Lookout.xml) from MediaFire

Artwork View:
(http://i.imgur.com/LoCezD6l.jpg) (http://i.imgur.com/LoCezD6.jpg)

Track Details View:
(http://i.imgur.com/9Or65bSl.jpg) (https://i.imgur.com/9Or65bS.jpg)[/u]
Title: Re: Phred on the Lookout
Post by: phred on January 18, 2016, 08:42:49 PM
This skin, which I thought was finished many times, continues to evolve.  The latest update includes tweaks to the main panel tab colors and layout.  The download link on the first post has been updated with the latest (and last?) update.

Constructive criticism welcome.
Title: Re: Phred on the Lookout
Post by: Bee-liever on January 18, 2016, 09:14:08 PM
keeps getting better and better :)

would never have thought to combine alternating rows with the item separator, but it works very well on this
Title: Re: Phred on the Lookout
Post by: phred on January 18, 2016, 11:53:54 PM
keeps getting better and better :)
Thanks much.

Quote
would never have thought to combine alternating rows with the item separator, but it works very well on this
In all honesty that must be by accident because I don't know what you're referring to.  I mean I know what the alternating rows are but the only MB item separator I'm aware of is the semi-colon.
Title: Re: Phred on the Lookout
Post by: Bee-liever on January 19, 2016, 12:01:24 AM
In all honesty that must be by accident because I don't know what you're referring to.  I mean I know what the alternating rows are but the only MB item separator I'm aware of is the semi-colon.

Must be serendipity then, cause I think it looks great.

<element id="Content[AlbumAndTracks].ItemSeparatorLine" fg="238,238,238" /> (lines 84 and 104)
gives the pale blue line under each row.
Title: Re: Phred on the Lookout
Post by: phred on January 19, 2016, 01:47:04 AM
In all honesty that must be by accident because I don't know what you're referring to.  I mean I know what the alternating rows are but the only MB item separator I'm aware of is the semi-colon.

Must be serendipity then, cause I think it looks great.
Again, thanks.  That means a lot to me, especially coming from you.

Quote
<element id="Content[AlbumAndTracks].ItemSeparatorLine" fg="238,238,238" /> (lines 84 and 104)
gives the pale blue line under each row.
Ahhh ... -that- item separator.  Well, we need to thank hiccup (jistme) for that as it must've been in his Jistme on the Outlook, which I ripped off to create this.  And I never touched that element.  Although his skin doesn't use the alternating bars.  So I really don't know where that element came from. 
Title: Re: Phred on the Lookout
Post by: phred on February 11, 2016, 12:56:53 AM
Slightly updated version posted.  Link is in the first post.
2016-02-10 - minor color change to player controls and wavebar; removed separator lines in Track Details & Now Playing panels

@Bee-liever - I know you said the separator line worked well in this theme, but today, for whatever reason, it started bothering me.  So it's been removed.  I think it's part of my quest to eliminate as much white as I can from the skin.  I did however, leave it in Albums & Tracks but with a change from off-white to one of the blues used in the skin.
Title: Re: Phred on the Lookout
Post by: Bee-liever on February 11, 2016, 01:38:49 AM
a few suggestions (if I may) :)
take advantage of the new element
<element id="Content[TrackDetail].HeaderLine" bg="xxx,xxx,xxx" />
to replace the grey MB generated line (when using grouping in Tracks view) with a blue one

IMHO the white border of the scrollbar thumbs now looks out-of-place with the loss of the other white elements.  You might try a darker border.

I'm still undecided on the change.
Don't get me wrong, it's still good.  This is just more laid back and subdued, where the other version was bright, cheerful and in-your-face.
Title: Re: Phred on the Lookout
Post by: phred on February 11, 2016, 03:16:25 AM
a few suggestions (if I may) :)
Always. Yes. Please.

Quote
take advantage of the new element
<element id="Content[TrackDetail].HeaderLine" bg="xxx,xxx,xxx" />
to replace the grey MB generated line (when using grouping in Tracks view) with a blue one
Great idea.  I've never used grouping too much before, but I've been playing around with it recently and this line change really makes a difference.

Quote
IMHO the white border of the scrollbar thumbs now looks out-of-place with the loss of the other white elements.  You might try a darker border.
Nice find.  I completely overlooked the white there.

Quote
I'm still undecided on the change.
Don't get me wrong, it's still good.  This is just more laid back and subdued, where the other version was bright, cheerful and in-your-face.
I don't really think it was in-your-face before, but this is definitely more subtle.  Which is what I'm after.  I found the white separator line somewhat distracting today, which is what prompted the change.

Link has been updated with these changes.
Comments are always welcome.  Pro or con.  I consider it all part of the learning process.
Thanks.
Title: Re: Phred on the Lookout
Post by: phred on February 11, 2016, 09:03:41 PM
More fixes and tweaks. Plus some major changes.
See the first post for details and download link.
Thanks to Bee-liever and Alumni for the latest round of guidance.
Title: Re: Phred on the Lookout
Post by: Bee-liever on February 11, 2016, 11:42:57 PM
I'm still undecided on the change.

Really liking this latest tweak :)

I would suggest
<element id="Player.SpectrumVisualiser" bg="205,220,237" bg2="246,248,254" fg="145,171,201" fg2="205,220,237" bdr="145,171,201" />
to subdue the whitish background a bit

And with the plan to minimize white tones, don't forget the tabs when in caption bar too!
Title: Re: Phred on the Lookout
Post by: phred on February 12, 2016, 02:02:28 AM
I'm still undecided on the change.

Really liking this latest tweak :)
I knew you'd come around.  :-)

Quote
I would suggest
<element id="Player.SpectrumVisualiser" bg="205,220,237" bg2="246,248,254" fg="145,171,201" fg2="205,220,237" bdr="145,171,201" />
to subdue the whitish background a bit

And with the plan to minimize white tones, don't forget the tabs when in caption bar too!
Since my 'usual' layout doesn't include either of these two, I had overlooked them when modifying this skin.  Thanks for pointing them out.  The spectrum visualiser is now updated as are the tabs in the caption bar.

However, I now need help with two more elements:
- When I show tabs bar in the caption bar the panel configuration button stays white.  With the tabs bar below, it's blue. Where does that element live? 
- I have what I'm pretty sure is TabsBar.JoinLine looking as I want when the tab bar is below the caption bar, but can't find what will change that line with the tabs bar in the caption bar.

(http://i.imgur.com/ToqxdhNl.jpg) (http://i.imgur.com/ToqxdhN.jpg)

(http://i.imgur.com/XqaEI4Ul.jpg) (http://i.imgur.com/XqaEI4U.jpg)

(http://i.imgur.com/V4IePjPl.jpg) (http://i.imgur.com/V4IePjP.jpg)
Title: Re: Phred on the Lookout
Post by: Alumni on February 12, 2016, 02:42:45 AM
However, I now need help with two more elements:
- When I show tabs bar in the caption bar the panel configuration button stays white.  With the tabs bar below, it's blue. Where does that element live? 

These should do the trick.

Code
	<element id="CaptionBar.HeaderControl.Default" fg="" />
<element id="CaptionBar.HeaderControl.Disabled" fg=""  />
Title: Re: Phred on the Lookout
Post by: Bee-liever on February 12, 2016, 02:51:50 AM
- When I show tabs bar in the caption bar the panel configuration button stays white.  With the tabs bar below, it's blue. Where does that element live? 
besides the ones Alumni has already posted, you also have
<element id="CaptionBar.CommandButtonOverride" bg="XXXX" fg="XXX" />
<element id="CaptionBar.CommandIconOverride" fg="XXXX" />
for the toolbar buttons and icons to match



- I have what I'm pretty sure is TabsBar.JoinLine looking as I want when the tab bar is below the caption bar, but can't find what will change that line with the tabs bar in the caption bar.
the one for caption bar line is
<element id="TabsBar.TabInCaptionBar.BorderLine" bdr="XXX" />
Title: Re: Phred on the Lookout
Post by: phred on February 12, 2016, 02:57:13 AM
These should do the trick.

Code
	<element id="CaptionBar.HeaderControl.Default" fg="" />
<element id="CaptionBar.HeaderControl.Disabled" fg=""  />
They did indeed.  Thanks.
Title: Re: Phred on the Lookout
Post by: phred on February 12, 2016, 03:09:36 AM
- When I show tabs bar in the caption bar the panel configuration button stays white.  With the tabs bar below, it's blue. Where does that element live? 
besides the ones Alumni has already posted, you also have
<element id="CaptionBar.CommandButtonOverride" bg="XXXX" fg="XXX" />
<element id="CaptionBar.CommandIconOverride" fg="XXXX" />
for the toolbar buttons and icons to match



- I have what I'm pretty sure is TabsBar.JoinLine looking as I want when the tab bar is below the caption bar, but can't find what will change that line with the tabs bar in the caption bar.
the one for caption bar line is
<element id="TabsBar.TabInCaptionBar.BorderLine" bdr="XXX" />
No wonder I couldn't figure this out for myself - I didn't have them in the XML.  Thanks.

I think I'm finished.  (How many times can I say that?) I'll look at it again with rested eyes and then post it.  Although most of it is already in the last update.
Title: Re: Phred on the Lookout
Post by: phred on February 12, 2016, 05:25:03 PM
Updated today with minor tweaks.  Link in first post.
Please let me know if something doesn't look right and I'll do what I can to fix it.
Title: Re: Phred on the Lookout
Post by: phred on February 14, 2016, 05:43:36 PM
A couple of tweaks to the Spectrum Visualizer and the Search Box.
Link and updated screenshots in the first post.
Title: Re: Phred on the Lookout
Post by: phred on March 12, 2016, 04:06:59 AM
Updated the A-Z Bar to take advantage of Steven's newly created override.

Download link is in first post.
Title: Re: Phred on the Lookout
Post by: phred on April 25, 2016, 09:19:39 PM
Minor fixes.  Link in first post has been updated.
Title: Re: Phred on the Lookout
Post by: phred on June 04, 2016, 01:33:52 PM
Minor update. Fixed radio buttons.  Link in first post has been updated.
Title: Re: Phred on the Lookout
Post by: phred on January 05, 2017, 03:10:30 AM
Fixed progress bar colors.
Updated link in first post.
Title: Re: Phred on the Lookout
Post by: phred on May 09, 2017, 12:57:44 AM
Updated to include volume visualiser.
See link in first post.
Title: Re: Phred on the Lookout
Post by: phred on October 19, 2018, 08:39:21 PM
I've updated a few additional elements - specifically for the 'Controls on Bottom' section. Download link is in the first post, along with a new Track Details screenshot.
Title: Re: Phred on the Lookout
Post by: phred on November 03, 2018, 03:31:26 PM
Updated to support multi-line display. See first post for download link and recent update history.
Title: Re: Phred on the Lookout
Post by: sveakul on July 18, 2021, 10:53:08 PM
Hi phred, I enjoy this light skin of yours as a break from my usual stock Maya Blue.

I would like to darken/embolden the font of the active tab header (and the "MusicBee" in upper left corner) to match the look of the control bar's "MusicBee - Music Manager and Player" font, while changing that of the in-active tab headers to what is CURRENTLY the state of the active tabs.

Would you be kind enough to point me to the correct spots in the xml to do this edit job?  My age-ed eye-balls could use the extra contrast  :) .  If my description above is confusing I'd be happy to do some screenshots.
Title: Re: Phred on the Lookout
Post by: phred on July 18, 2021, 11:20:24 PM
Would you be kind enough to point me to the correct spots in the xml to do this edit job?  My age-ed eye-balls could use the extra contrast  :) .  If my description above is confusing I'd be happy to do some screenshots.
Ahhh ... if only lit was that simple. Well --- actually it is simple. For someone who really knows what they're doing with skins.

I've only "created" two skins and both of them were stolen borrowed ripped off from other skins. "Dem Ol' Kosmic Blues" was modified with the help of psychoadept and bee-liever. (Based on Mellon Remixed 3.5153 by psychoadept, which was based on Scamelon by Bee-liever.)

"Phred on the Lookout"  was heavily based on "Jistme on the Outlook" by hiccup nee jistme.  Lots of thanks to hiccup for his patience and guidance.  And patience. Thanks also to Bee-liever and Alumni.

So I really can't help because looking at the .xml at this point brings back no memory of what element that might be. Perhaps hiccup or psycho can assist.

EDIT: Hiccup's Sample Skin to the rescue. Perhaps. Look for <element id="TabsBar.Tab.Highlight" (line 272) and change fg and/or bdr to something that works for you. They're currently set to the same value and I don't know which one will do what you want. There's really no way to 'bold' the font. All I can suggest is a darker color.

Let me know how you make out. If I find that it helps -my- tired old eyes, I'll incorporate the change.

And I'm glad to hear you enjoy the skin.
Title: Re: Phred on the Lookout
Post by: sveakul on July 19, 2021, 12:47:13 AM
Thanks phred I'll poke around and see what I come up with.
Title: Re: Phred on the Lookout
Post by: sveakul on July 19, 2021, 01:43:53 AM
Hey-hey-hey..  got 'er done, thanks to hiccup's sample skin, Just Color Picker, and your clue!  "Flushed with success, he finds another element to change.."  Will get back to you when my project is complete!
Title: Re: Phred on the Lookout
Post by: phred on July 19, 2021, 03:04:39 AM
Great to hear! You just might morph it into something completely different.

Looking forward to seeing what you come up with.
Title: Re: Phred on the Lookout
Post by: sveakul on July 19, 2021, 07:40:32 PM
OK phred I finished the sparse mods I did and the result is here (SHA-256 hash should be 6CD5DA8ED7AF6090FACB1F9D5395BC73AAFD8DD947DFDD8317ED0AF7CA305AF3 for the zip):

https://ufile.io/xmbru1jq (https://ufile.io/xmbru1jq)

I was able to darken the blue text on the tabs and the "MusicBee" upper left logo to match the one on the control bar, and also if one has tool buttons on the toolbar made those a bit more defined without losing the scheme of the original subdued background.  For the latter I had to add a new element, <element id="CaptionBar.CommandButtonOverride" bg="205,220,237" fg="106,150,228" /> .

It's easy to get carried away and change too many things and end up with a mess instead of the reason you liked the skin in the first place, so I just did the few that first caught my eye.  I switch to this skin when I'm tired of "goth & dark" and want some "light and fresh" .  Thanks for making it available in the first place!

P.S,  I first tried uploading to "filebin.net," and the result came back not matching the hash and flagged by Defender so who knows what ended up in there!!  Avoid it like the plague.  This ufile.io place produced a clean result despite the "busy/pushy" nature of the site.  Moral of the story is always post/confirm hash results on these sites.

Edit:  Modified from original upload to contain a better match for an "Artwork Not Found" scenario
Title: Re: Phred on the Lookout
Post by: phred on July 19, 2021, 09:13:11 PM
I was able to darken the blue text on the tabs and ...
Looks good.
Congratulations on your first modified skin. From here you'll be creating new ones from scratch in no time.
Title: Re: Phred on the Lookout
Post by: phred on November 20, 2021, 12:53:47 PM
Minor update.
Nov 20 2021 - made text on tabs a slightly bluer blue to improve legibility (thanks to sveakul)

Active and inactive tabs are now a bluer blue.

Link in first post has been updated.