getmusicbee.com

MusicBee & Add-Ons => Customizations => Skins => Topic started by: Rotem K. on January 06, 2011, 09:00:31 AM

Title: 'Spooky Black' Skin
Post by: Rotem K. on January 06, 2011, 09:00:31 AM
 (http://i.imgur.com/olMWC.png)
           ------------------Spooky Black------------------

       (http://j.imagehost.org/t/0184/Spooky_Black.jpg) (http://j.imagehost.org/view/0184/Spooky_Black)  (http://j.imagehost.org/t/0173/Spooky_Black2.jpg) (http://j.imagehost.org/view/0173/Spooky_Black2)

Skin File :  http://www.mediafire.com/?dwyny3j1lvxvccc
version 1.2.4061 or higher is required: Downloads Post (http://getmusicbee.com/forum/index.php?topic=551.msg11908#new)
As always, many thanks to Steven for making this skin possible.

Those who use this skin as their default one, I recommend hitting the Notify button to get updates when ever they are available.

Enjoy!

Rotem



           - SKIN MODS -
paste those over the original element code

Make the right-side panel text whiter:
Quote
<!-- 41--> <element id="Panel.ChildBody.Default" bg="20,20,20" fg="255,255,255" bdr="0,0,0" />

Make the central panel text whiter:
Quote
<!-- 50--> <element id="Content[TrackDetail].Body.Default" bg="20,20,20" fg="255,255,255" bdr= "50,50,50" />
<!-- 54--> <element id="Content[TrackDetail].ListAlternating.Default" bg="20,20,20" fg="255,255,255" />



Title: Re: 'Basic Black' Skin
Post by: moodfm on January 06, 2011, 11:08:44 AM
Wow, this was completely unexpected... Thx... I will get back to you later this day... I'm at the work now... Thx...
Title: Re: 'Basic Black' Skin
Post by: moodfm on January 07, 2011, 07:35:31 PM
Dang man, complete kick of my eyes... Amaizing... Amaizing... MusicBee for life...

You got my money peeps... Totally...
Title: Re: 'Basic Black' Skin
Post by: Rotem K. on January 07, 2011, 07:42:44 PM
Enjoy !
I'm just working on it a bit more, I'll post an update in the next copule of days.
Title: Re: 'Spooky Black' Skin
Post by: Rotem K. on January 09, 2011, 03:33:11 PM
updated link, enjoy!
Title: Re: 'Spooky Black' Skin
Post by: antiPOP on January 09, 2011, 03:58:08 PM
Great Job! Looks fantastic. Notification popup should be black too! I've changed it.
Title: Re: 'Spooky Black' Skin
Post by: Rotem K. on January 09, 2011, 04:13:59 PM
Great Job! Looks fantastic. Notification popup should be black too! I've changed it.

Thanks, and keep letting me know if you find any more inconsistencies.
I've uploaded the skin again with the popup fixed.
Title: Re: 'Spooky Black' Skin
Post by: antiPOP on January 09, 2011, 05:35:03 PM
You're welcome. Well, I've made some changes, because I want it even more consistent ;D here is an example

(http://img814.imageshack.us/img814/6403/musicbeee.th.png) (http://img814.imageshack.us/i/musicbeee.png/)

So, which element id in xml file is used for background behind red question mark? default is 38,38,38, but I want it more dark, maybe black.
I've also replaced gray background in preferences for darker one, I set is as 20,20,20.


 

Title: Re: 'Spooky Black' Skin
Post by: Rotem K. on January 09, 2011, 05:53:07 PM
You're welcome. Well, I've made some changes, because I want it even more consistent ;D here is an example

(http://img814.imageshack.us/img814/6403/musicbeee.th.png) (http://img814.imageshack.us/i/musicbeee.png/)

So, which element id in xml file is used for background behind red question mark? default is 38,38,38, but I want it more dark, maybe black.
I've also replaced gray background in preferences for darker one, I set is as 20,20,20.

It's great to see people custumizing the skins for thier own feel,

The lines are pointing at
<!-- 73-->  <element id="Panel.ScrollBar.Default" bg="60,60,60" bg2="10,10,10" bdr="50,50,50" />
<!-- 74-->  <element id="Panel.ScrollBarThumb.Default" bg="60,60,60" bg2="10,10,10" fg="110,110,110" bdr="50,50,50" />
<!-- 75-->  <element id="Panel.ScrollBarBackground.Default" bg="00,00,00" bg2="40,40,40" />

and the question mark is on: <!-- 33--> Panel.TabSelector.Default BG

Hope that helps,
Rotem
Title: Re: 'Spooky Black' Skin
Post by: Rotem K. on January 09, 2011, 05:59:46 PM
The lines are pointing at
<!-- 73-->  <element id="Panel.ScrollBar.Default" bg="60,60,60" bg2="10,10,10" bdr="50,50,50" />
<!-- 74-->  <element id="Panel.ScrollBarThumb.Default" bg="60,60,60" bg2="10,10,10" fg="110,110,110" bdr="50,50,50" />
<!-- 75-->  <element id="Panel.ScrollBarBackground.Default" bg="00,00,00" bg2="40,40,40" />

and the question mark is on: <!-- 33--> Panel.TabSelector.Default BG

Hope that helps,
Rotem

My mistake, the line points at:
<!-- 124-->  <element id="Controls.ScrollBar.Default" bg="150,150,150" bg2="110,110,110" />
<!-- 125-->  <element id="Controls.ScrollBarThumb.Default" bg="150,150,150" bg2="110,110,110" fg="170,170,170" bdr="110,110,110" />
<!-- 126-->  <element id="Controls.ScrollBarBackground.Default" bg="110,110,110" bg2="140,140,140"  />
Title: Re: 'Spooky Black' Skin
Post by: Rotem K. on January 09, 2011, 06:11:20 PM
updated link,

Changes:
- Darker menus scrollers and inbox counter.
Title: Re: 'Spooky Black' Skin
Post by: antiPOP on January 09, 2011, 06:12:41 PM
Thanks a lot for the tips. :)
Title: Re: 'Spooky Black' Skin
Post by: Rotem K. on January 09, 2011, 06:31:54 PM
Any time. 
Title: Re: 'Spooky Black' Skin
Post by: Rotem K. on January 09, 2011, 09:26:11 PM
another small fix, link updated.
Title: Re: 'Spooky Black' Skin
Post by: antiPOP on January 10, 2011, 08:56:23 PM
(http://img843.imageshack.us/img843/1406/przechwytywaniehq.png) (http://img843.imageshack.us/i/przechwytywaniehq.png/)

Bug or feature?
Title: Re: 'Spooky Black' Skin
Post by: daak_grey on January 12, 2011, 08:42:59 AM
A tiny thing but now I have spotted it, it is bugging me, there is a single red pixel at the bottom righthand corner of popout windows!
For my taste, I may make the popouts for rip etc a tad darker if I can workout which lines they are...

Thanks for all the work producing some great skins.
Title: Re: 'Spooky Black' Skin
Post by: Rotem K. on January 12, 2011, 08:45:07 AM
Hey daak_grey,

Can you take a screenshot of what you're seeing?

btw, antiPOP, I havn't forgot about your question. it isn't a bug, and it sure isn't a feature :) right now there is no way to fix color at that spot.
I've asked Steven for an element to manage those buttons and when it becomes available I'll post an update.

Title: Re: 'Spooky Black' Skin
Post by: Steven on January 12, 2011, 12:26:33 PM
rotem, check the bitmap for the bottom right corner of the form. Alternatively you could use the rounded corners setting
Title: Re: 'Spooky Black' Skin
Post by: Rotem K. on January 12, 2011, 12:42:51 PM
how the did you spoted that!

updated link, changes:
- Fixed small red dot at bottom right corner.

and if you want darker menus, you'll need to change:
Quote
\\MENUS
\\ --- PREFERENCES
<!-- 101-->  InputPanel.Default bg="60,60,60"

if you want more than a darker background then play around with other elements under \\ --- PREFERENCES.  if you have any question with those send me a PM, i'll be glad to help.
Title: Re: 'Spooky Black' Skin
Post by: lynott on January 12, 2011, 12:59:53 PM
Hi Rotem


great skin :)

However, I'd like to have the right side panel - artist, track, album (playing track) etc in white.
Which element am I looking for?
Title: Re: 'Spooky Black' Skin
Post by: Rotem K. on January 12, 2011, 01:12:05 PM
Hi Rotem
great skin :)

However, I'd like to have the right side panel - artist, track, album (playing track) etc in white.
Which element am I looking for?

Hi lynott, thanks for the feedback.

If you want a whiter shade text at the right panel, change:
Quote
<!-- 41-->  <element id="Panel.ChildBody.Default" bg="20,20,20" fg="160,160,160" bdr="0,0,0" />
to:
Quote
<!-- 41-->  <element id="Panel.ChildBody.Default" bg="20,20,20" fg="255,255,255" bdr="0,0,0" />

Rotem
Title: Re: 'Spooky Black' Skin
Post by: antiPOP on January 12, 2011, 01:13:40 PM
Ok. Thanks for reply Rotem.
Title: Re: 'Spooky Black' Skin
Post by: lynott on January 12, 2011, 01:38:53 PM
Hi Rotem
great skin :)

However, I'd like to have the right side panel - artist, track, album (playing track) etc in white.
Which element am I looking for?

Hi lynott, thanks for the feedback.

If you want a whiter shade text at the right panel, change:
Quote
<!-- 41-->  <element id="Panel.ChildBody.Default" bg="20,20,20" fg="160,160,160" bdr="0,0,0" />
to:
Quote
<!-- 41-->  <element id="Panel.ChildBody.Default" bg="20,20,20" fg="255,255,255" bdr="0,0,0" />

Rotem

Thanks a lot
Now it's perfect :)
Title: Re: 'Spooky Black' Skin
Post by: kmaro62 on January 12, 2011, 08:17:56 PM
Hi, I'd like to have the central panel - artist, title, album, genre, rating, etc in white.
Which element am I looking for?
Thanks! Regards


Title: Re: 'Spooky Black' Skin
Post by: Rotem K. on January 12, 2011, 08:36:20 PM
Hi, I'd like to have the central panel - artist, title, album, genre, rating, etc in white.
Which element am I looking for?
Thanks! Regards

Hey kmaro62,

I trust you want the text color changed, and not the panel itself. if that so,
Change:
Quote
<!-- 50-->  <element id="Content[TrackDetail].Body.Default" bg="20,20,20" fg="160,160,160" bdr= "50,50,50" />
<!-- 54-->  <element id="Content[TrackDetail].ListAlternating.Default" bg="20,20,20" fg="160,160,160" />
to:
Quote
<!-- 50-->  <element id="Content[TrackDetail].Body.Default" bg="20,20,20" fg="255,255,255" bdr= "50,50,50" />
<!-- 54-->  <element id="Content[TrackDetail].ListAlternating.Default" bg="20,20,20" fg="255,255,255" />

Title: Re: 'Spooky Black' Skin
Post by: daak_grey on January 13, 2011, 08:22:02 AM
Thanks for fixing the dot so fast, I spotted it because I have a large monitor and Musicbee was maximised so it was the only dot of colour anywhere around it when I was in the preferences window! Thanks also for the pointer as to which parts to change the colour of.
Title: Re: 'Spooky Black' Skin
Post by: daak_grey on January 13, 2011, 02:45:02 PM
Hi

 I have just been playing with the skin and using the following line...
<!-- 109-->  <element id="Controls.InputControl.Default" bg="100,100,100" fg="200,200,200" bdr="85,85,85" />

I can set bg to alter the background of an input cell and bdr to set the border colour and I thus assumed that fg would be the text colour, however the text in box (eg in the edit menu) is black and I can find no effect when changing the value of fg.  Have I made a wrong assumption and if so how can I set the text colour or have I got a bug?

Thanks
Dave
Title: Re: 'Spooky Black' Skin
Post by: Rotem K. on January 13, 2011, 03:54:13 PM
Hi

 I have just been playing with the skin and using the following line...
<!-- 109-->  <element id="Controls.InputControl.Default" bg="100,100,100" fg="200,200,200" bdr="85,85,85" />

I can set bg to alter the background of an input cell and bdr to set the border colour and I thus assumed that fg would be the text colour, however the text in box (eg in the edit menu) is black and I can find no effect when changing the value of fg.  Have I made a wrong assumption and if so how can I set the text colour or have I got a bug?

Thanks
Dave

Hey Dave,

You've made the right assumption but, the input elements are in a bit of a mess. that FG in inputControl.defualt will change the color of text inside scrollboxes (like in the hotkey tab in preferences menu).
 
And as for right now there is not way of to color editable-text in text boxes.
Title: Re: 'Spooky Black' Skin
Post by: daak_grey on January 14, 2011, 08:13:23 AM
Thanks for the help, I'll just have to change the background colour a bit so I can read the black text!
Title: Re: 'Spooky Black' Skin
Post by: antiPOP on January 14, 2011, 03:42:18 PM
Rotem, could you help me?:) I'm looking for Artist Information header and Playing track header.

(http://img822.imageshack.us/img822/8100/headerse.png) (http://img822.imageshack.us/i/headerse.png/)


Title: Re: 'Spooky Black' Skin
Post by: Rotem K. on January 14, 2011, 03:49:02 PM
Rotem, I'm looking for Artist Information header and Playing track header.

(http://img822.imageshack.us/img822/8100/headerse.png) (http://img822.imageshack.us/i/headerse.png/)

Please help ;]

That will be the element: Panel.TabSelector

Panel.TabSelector.default will fix the BG colors on both.
and .highlight and .lowlight will fix the selected tab and mouseover colors in the artist info panel.
Title: Re: 'Spooky Black' Skin
Post by: antiPOP on January 14, 2011, 04:31:39 PM
Thanks! :)
Title: Re: 'Spooky Black' Skin
Post by: Steven on January 15, 2011, 05:48:33 PM
Hi

 I have just been playing with the skin and using the following line...
<!-- 109-->  <element id="Controls.InputControl.Default" bg="100,100,100" fg="200,200,200" bdr="85,85,85" />

I can set bg to alter the background of an input cell and bdr to set the border colour and I thus assumed that fg would be the text colour, however the text in box (eg in the edit menu) is black and I can find no effect when changing the value of fg.  Have I made a wrong assumption and if so how can I set the text colour or have I got a bug?

Thanks
Dave

Hey Dave,

You've made the right assumption but, the input elements are in a bit of a mess. that FG in inputControl.defualt will change the color of text inside scrollboxes (like in the hotkey tab in preferences menu).
 
And as for right now there is not way of to color editable-text in text boxes.

i've fixed it now so Controls.InputControl.Default should be used consistently thoughout the application
http://www.mediafire.com/?8gkacn9kc08xqas
Title: Re: 'Spooky Black' Skin
Post by: Rotem K. on January 15, 2011, 06:02:27 PM
i've fixed it now so Controls.InputControl.Default should be used consistently thoughout the application
http://www.mediafire.com/?8gkacn9kc08xqas

Thanks Steven!
Title: Re: 'Spooky Black' Skin
Post by: Steven on January 15, 2011, 06:18:37 PM
just one thing which i cant (or dont know how to) do is set the colour when selecting text in a text box - its takes the colours from the windows settings. So the highlight colour settings only affect listboxes and dropdown boxes
Title: Re: 'Spooky Black' Skin
Post by: daak_grey on January 17, 2011, 08:54:00 AM
Thanks for the change Steven, it came as a nice surprise when I did the last update!
Title: Re: 'Spooky Black' Skin
Post by: Rotem K. on February 01, 2011, 12:30:40 PM
UPDATED LINK

Changes:
- Mini-Player Now Playing list toggle button.
- Modified Text color [in edit screen] .
- Locked Text in locked Text Boxes. 
- Brighter Window Buttons, elevated a bit.   
- Round Bottom Borders.

Known Issues:
- Mini-Player Volume Button.
- UP and DOWN buttons in 'Other Fields' menu.
Title: Re: 'Spooky Black' Skin
Post by: Rotem K. on February 11, 2011, 02:01:09 PM
UPDATE LINK

Changes:
- Highligh buttons.
- Fixed a bug regarding the star rating.
Title: Re: 'Spooky Black' Skin
Post by: Rotem K. on February 13, 2011, 06:01:19 PM
UPDATED LINK

Changes:
- Save icon in edit screen [when docked in the main panel].
- Edit screen toolbar buttons [when floating], highlight.
- A-Z bar.
- "Track Information" and "Now Playing" in the right side panel background color.

First Exe to support new elements :
ver 1.2.4061 :: http://www.mediafire.com/?zbk48cqns5kli4m
Title: Re: 'Spooky Black' Skin
Post by: tryguy on February 20, 2011, 03:20:28 AM
Hey Rotem, I really like how you've layed out your interface.

Oh, and I like the skin, of course.

Could you tell me how to make my layout like yours? Is there a file I can download, or do I have to fiddle with things from the Quick Layout... option?
Title: Re: 'Spooky Black' Skin
Post by: Rotem K. on February 20, 2011, 05:55:08 AM
Hey Rotem, I really like how you've layed out your interface.

Oh, and I like the skin, of course.

Could you tell me how to make my layout like yours? Is there a file I can download, or do I have to fiddle with things from the Quick Layout... option?
Hey tryguy,

Open View menu in the menu bar,  click Quick Layout, and in the screen that appears select the first option that has "Now Playing List in Main Panel".

Title: Re: 'Spooky Black' Skin
Post by: tryguy on February 20, 2011, 06:07:01 AM
Oh yeah, that was easy. :)

Thanks.
Title: Re: 'Spooky Black' Skin
Post by: Rotem K. on April 13, 2011, 10:54:53 AM
Updated link.

Changes:
- Radio directories.
- in download indicator color.