getmusicbee.com

MusicBee & Add-Ons => Customizations => Skins => Topic started by: hiccup on January 27, 2021, 12:50:19 AM

Title: Void (series)
Post by: hiccup on January 27, 2021, 12:50:19 AM
A series of coloured skins with a minimal style player panel.

(https://i.imgur.com/2prl4Sw.png)


download Void Black (https://rebrand.ly/skin_Void_black)

download Void Blue (https://rebrand.ly/skin_Void_blue)

download Void Red (https://rebrand.ly/skin_Void_red)

download Void Green (https://rebrand.ly/skin_Void_green)
Title: Re: Void Light · Void Dark
Post by: hiccup on January 27, 2021, 07:42:17 PM
updated

Some minor alignment improvements on the player panel.
Title: Re: Void Light · Void Dark
Post by: hiccup on February 05, 2021, 04:43:16 PM
Updated
Fixed an oversight and made a small improvement on the Music Explorer panel.
Title: Re: Void Light · Void Dark
Post by: hiccup on February 06, 2021, 09:09:45 AM
Updated

fixed an oversight with toolbar buttons
Title: Re: Void Light · Void Dark
Post by: Johan_A_M on March 25, 2021, 08:04:15 PM
Really like this skin @Hiccup, using it since you released it!
Two minor points. I'd like to change the color of the text down in the status bar, as I find it a bit too difficult to read. Also, I'd like to experiment with the red which I also find a bit too difficult to read against the gray (I remote-login to the Musicbee computer, so the resolution gets a bitt distorted). Is there anyway of doing that?
Once again, thanks for a great theme!
Title: Re: Void Light · Void Dark
Post by: hiccup on March 25, 2021, 08:39:17 PM
That's nice to hear.
The reds are indeed a bit difficult here. Sometimes I think they are too bright, and other times that they are too dark.

You can change most of the colours (except the ones in the player panel and icons) of a bitmap (xmlc) skin by creating a piggy-back skin for it:
https://getmusicbee.com/forum/index.php?topic=29815.0
Title: Re: Void Light · Void Dark
Post by: Johan_A_M on March 25, 2021, 08:42:19 PM
Thanks Hiccup, I'll experiment a bit and get back to you if I find something nice. Thanks again for a nice skin!
Title: Re: Void Light · Void Dark
Post by: hiccup on March 25, 2021, 08:50:48 PM
Also consider the impact that a computer display and it's settings have.
Things like adjusting the colour balance or gamma can make a big difference, and as an f.lux user, the reds really pop-out later in the evening.
Title: Re: Void Light · Void Dark
Post by: Johan_A_M on March 25, 2021, 09:18:50 PM
Ok, so even with Clear Type off, a color picker like the Instant Color Picker was not able to pick the exact color of the font in the status bar. mostl I get 110,110,x, but when searching in Sample Skin, that only points me to
Code
<element id="Panel.StatusBar.Default" bg="226,227,228" fg="110,110,111" bdr="212,213,214" />
 <element id="Panel.StatusBarControl.Default" fg="110,110,112" />
and when changing these fg (foreground I guess), it doesn't seem to be the text. You don't happen to remember if thereäs any other way/element adjusting fontcolor? Maybe the font color in the status bar is the same as the font color somewhere else?
Title: Re: Void Light · Void Dark
Post by: hiccup on March 25, 2021, 09:33:43 PM
Ok, so even with Clear Type off, a color picker like the Instant Color Picker was not able to pick the exact color of the font in the status bar. mostl I get 110,110,x, but when searching in Sample Skin, that only points me to…
Maybe I am misunderstanding what you are doing, but the idea is that you pick the colour of the element using the Sample Skin.
If we are talking about the same statusbar text (player panel positioned at the bottom, the statusbar right above it) you should get 18,151,133
That matches "Panel.StatusBarInPanel.Default" in the Sample Skin xml.
So then you add that element to your piggy-back skin and change the colours to your liking.

PS, colour-picking pro tip: you can get the right colour picked with leaving cleartype on, if you for example pick the middle part of an horizontal part of e.g. the number 4.
Title: Re: Void Light · Void Dark
Post by: Johan_A_M on March 25, 2021, 09:54:11 PM
Ok, so even with Clear Type off, a color picker like the Instant Color Picker was not able to pick the exact color of the font in the status bar. mostl I get 110,110,x, but when searching in Sample Skin, that only points me to…
Maybe I am misunderstanding what you are doing, but the idea is that you pick the colour of the element using the Sample Skin.
If we are talking about the same statusbar text (player panel positioned at the bottom, the statusbar right above it) you should get 18,151,133
That matches "Panel.StatusBarInPanel.Default" in the Sample Skin xml.
So then you add that element to your piggy-back skin and change the colours to your liking.

PS, colour-picking pro tip: you can get the right colour picked with leaving cleartype on, if you for example pick the middle part of an horizontal part of e.g. the number 4.
Well that was certainly a pro tip!

I must be doing something wrong. Using youir method, I was able to exchange the red for a rather pleasant blue that works both with the gray and on my monitor. WIll change the rest of the reds later. However, the status bar text (the one you mentioned) does not change. Using Panel.StatusBarInPanel.Default, I've tried to switch all variables (bg, bg2, fg, bdr) to distinct colours, but it's still gray as you can see. Pretty certain the error is on my side, and wouldn't be surprised if it's a simple one...
https://imgur.com/a/qRr9JLP
(https://imgur.com/a/qRr9JLP.png)

(https://imgur.com/aaZUxRx.png)
(https://imgur.com/Xu8BkcO.png)
Title: Re: Void Light · Void Dark
Post by: hiccup on March 26, 2021, 08:21:50 AM
I don't know why it doesn't work for you, this works for me:

Code
<?xml version="1.0" encoding="utf-8"?>
<root dependsOn="Void dark.xmlc">
 <element id="Content[TrackDetail].Body.Highlight" bg="31,78,121"  bdr="81,140,194" fg="237,249,254" />
 <element id="Panel.StatusBarInPanel.Default" bg="48,48,48" bg2="48,48,48" fg="50,250,50" bdr="48,48,48" />
</root>

(https://i.imgur.com/0XkotXq.png)
Title: Re: Void Light · Void Dark
Post by: Johan_A_M on March 26, 2021, 10:19:25 AM
I don't know why it doesn't work for you, this works for me:

Code
<?xml version="1.0" encoding="utf-8"?>
<root dependsOn="Void dark.xmlc">
 <element id="Content[TrackDetail].Body.Highlight" bg="31,78,121"  bdr="81,140,194" fg="237,249,254" />
 <element id="Panel.StatusBarInPanel.Default" bg="48,48,48" bg2="48,48,48" fg="50,250,50" bdr="48,48,48" />
</root>

(https://i.imgur.com/0XkotXq.png)
Really strange, I created a new .xml with only this code, but it still doesn't work on the status bar. However, thanks for trying out to help!
Title: Re: Void Light · Void Dark
Post by: hiccup on March 26, 2021, 10:28:52 AM
Strange indeed.
The only thing I can think of at the moment is that you have a different panel configuration than I.
And/or something went wrong in the colour-picking Sample skin process.
Are you using the same MB installation for using Sample Skin and for Void 'blue'?
I.e. not using two different portable installs with perhaps different layouts, but you are switching between these skins in the same MB setup?
Title: Re: Void Light · Void Dark
Post by: Steven on March 26, 2021, 11:05:19 AM
there are 2 relevant elements depending on the location of the status bar with respect to the player controls panel
Panel.StatusBarBelowPlayer.Default
Panel.StatusBarInPanel.Default
Title: Re: Void Light · Void Dark
Post by: hiccup on March 26, 2021, 11:26:47 AM
there are 2 relevant elements depending on the location of the status bar with respect to the player controls panel
Panel.StatusBarBelowPlayer.Default
Panel.StatusBarInPanel.Default

I also have:
"Panel.StatusBar.Default"
I think that one is used when the player panel is positioned at the top.
Title: Re: Void Light · Void Dark
Post by: hiccup on March 26, 2021, 11:39:54 AM
(https://imgur.com/Xu8BkcO.png)
I think I like that blue.
I've PM'ed you the original xml file that should make it a bit easier to test and try things out.
Title: Re: Void Light · Void Dark
Post by: hiccup on March 26, 2021, 11:51:05 AM
I do have some questions about your screenshot.
Where is the player panel?
What are the bars at the bottom?
And how come the file count is centered in the middle, and 'queued' is at the far right?
Is there some setting for that?

(https://i.imgur.com/eKXYNPE.png)
Title: Re: Void Light · Void Dark
Post by: Johan_A_M on March 26, 2021, 02:44:10 PM
there are 2 relevant elements depending on the location of the status bar with respect to the player controls panel
Panel.StatusBarBelowPlayer.Default
Panel.StatusBarInPanel.Default


Hmm, you're indeed right! I'm not using the player control panel, but when I turn it on, the color changes seem to work.
Title: Re: Void Light · Void Dark
Post by: Johan_A_M on March 26, 2021, 02:55:03 PM
I do have some questions about your screenshot.
Where is the player panel?
What are the bars at the bottom?
And how come the file count is centered in the middle, and 'queued' is at the far right?
Is there some setting for that?
(https://i.imgur.com/eKXYNPE.png)
First, thanks for the xml, I'll try and complete the blue idea sometime soon :)
Second, I must disappoint you. The bars at the bottom are just cut of icons from the Windows taskbar. Considering the centering of text, it seems as if the status bar I'm using, so to speak, without player controls, have a different adjustment of text.
Title: Re: Void Light · Void Dark
Post by: hiccup on March 26, 2021, 03:13:37 PM
there are 2 relevant elements depending on the location of the status bar with respect to the player controls panel
Panel.StatusBarBelowPlayer.Default
Panel.StatusBarInPanel.Default
Hmm, you're indeed right! I'm not using the player control panel, but when I turn it on, the color changes seem to work.
When you have the player panel hidden or when it is positioned at the top of the main panel "Panel.StatusBar.Default" is used.

If you use a colour picker on the Sample skin using such a layout it will match fg="65,80,50"
I still don't understand why that didn't work for you.
Title: Re: Void Light · Void Dark
Post by: hiccup on April 11, 2021, 09:57:13 AM
updated

Void Light:
- improved the contrast/legibility of the text in the status bar

Void Dark
- improved the contrast/legibility of the text in the status bar
- replaced all instances where there was red text on a grey background (which was sometimes difficult to read)
Title: Re: Void (series)
Post by: hiccup on September 05, 2021, 10:54:49 PM
Updated.

Completely redesigned the skin and created four different colour versions.
Title: Re: Void (series)
Post by: stardepp on September 06, 2021, 05:47:44 AM
I like these skins very much, especially the alternative arrangement of the playback buttons. 👌🍀👍
Title: Re: Void (series)
Post by: hiccup on December 19, 2021, 03:09:50 PM
updated

Improved the indication when repeat or shuffle is enabled.
Title: Re: Void (series)
Post by: please55 on April 14, 2022, 04:59:04 PM
The bit.ly links for black and blue give an error at the moment.
Title: Re: Void (series)
Post by: hiccup on April 14, 2022, 05:33:55 PM
The bit.ly links for black and blue give an error at the moment.
Thanks for reporting.

Interesting, but I have no explanation why there is some security warning specifically for the URLs of these two colour variations only.
The links are simply referrals to my Dropbox repository, same as all my other skins and other contributions.

I'm guessing something is going on at bit.ly that must be affecting many other people too.
All I can (will) do for now is wait and see what happens in the next couple of days.

edit
I took a look to see if I could report this to bit.ly from my account, but they provide no service at all for me to do so.
It looks like only people using the link can report false security blocking done by bit.ly.
So it might help if people that like to download these skins would report the false security block to them.

(and Void Green is the best one in the series anyway and that's still available, so I'm not too concerned yet ;-)
Title: Re: Void (series)
Post by: UNSUB522 on May 09, 2022, 08:59:20 PM
Would it be possible to reupload the themes to a different site since some of the links are down?
Title: Re: Void (series)
Post by: wealstarr on May 23, 2022, 10:32:47 AM
Link to the black skin leads to a blocked page.
Title: Re: Void (series)
Post by: phred on May 23, 2022, 12:57:11 PM
Link to the black skin leads to a blocked page.
Scroll down to the bottom of the "blocked" notice and there's a link to file a report with bitly that the file you're trying to download is not a threat and should not be blocked.
Title: Re: Void (series)
Post by: hiccup on August 17, 2022, 05:57:49 PM
updated

Fixed an oversight where some colour variations didn't have the Jukebox view properly coloured.
Title: Re: Void (series)
Post by: so_la_la on September 28, 2022, 11:08:09 PM
I have installed the Void Blue skin and I quite like it. Thanks for giving this to us!
I have two small suggestion to make.
I wish the contrast would stand out stronger ie the text font could really be white and not just some bright beige (or am I seeing sth wrong?) For me it's not easy to read although I have already increased the font size.
Also I am getting confused with the player bar at the bottom of the screen, I find the arrangement of the buttons a bit confusing, maybe this could be sorted by displaying bigger buttons?
https://imgur.com/a/yt8v59R
Title: Re: Void (series)
Post by: hiccup on September 29, 2022, 04:27:08 PM
I wish the contrast would stand out stronger ie the text font could really be white and not just some bright beige (or am I seeing sth wrong?)
It's grey. Its value is (around) 180, where white is 255.
If you want it brighter, you could do that by creating a piggyback skin:
https://getmusicbee.com/forum/index.php?topic=29815.msg165878#msg165878

Quote
Also I am getting confused with the player bar at the bottom of the screen, I find the arrangement of the buttons a bit confusing, maybe this could be sorted by displaying bigger buttons?
What do you find to be confusing? Sure there exist different arrangements for player control buttons in various skins, and switching between them might confuse your muscle-memory.
But I find the button arrangement quite logical myself.
Yes, the buttons are probably smaller than in many other skins, but it's completely intentional. I like that for these 'Void' skins.
Title: Re: Void (series)
Post by: so_la_la on October 03, 2022, 07:30:11 PM
What do you find to be confusing? Sure there exist different arrangements for player control buttons in various skins, and switching between them might confuse your muscle-memory.
But I find the button arrangement quite logical myself.
Yes, the buttons are probably smaller than in many other skins, but it's completely intentional. I like that for these 'Void' skins.
Thanks for getting back. I can't see what the volume control is (the red dot?) or the play position (the blue dot?). I can't see the scale of these controls hence the position of the controllers eludes me. I don't understand the positioning of the pause button and its relation to the blue dot. In general I see a lot of empty space and really tiny control buttons. Also I cannot see the border between the right playlist window and the main window, and in the main window I cannot see the lines that mark the borders of the columns (that display tag values) in the top row. So rearranging them involves a lot of guesswork. Maybe it's because of my screen resolution.
Title: Re: Void (series)
Post by: so_la_la on October 03, 2022, 07:43:13 PM
It's grey. Its value is (around) 180, where white is 255.
If you want it brighter, you could do that by creating a piggyback skin:
https://getmusicbee.com/forum/index.php?topic=29815.msg165878#msg165878
Thanks for pointing this out to me. I have to see whether I can find the time. Void being an xlmc file means it will not be enough to write something like "replace 188 by 255"...
Title: Re: Void (series)
Post by: hiccup on October 03, 2022, 08:28:20 PM
I don't understand what blue button you are talking about.
To clarify some things:

- The volume slider has an indicator (an orange led) that lights if the volume is not at 100%

(https://i.imgur.com/4BkAF9C.gif)

Near the player controls there is also a led indicator.
It's green when MB is playing, it's orange when paused, and it's off when stopped.

(https://i.imgur.com/1c5MEnt.gif)

- The progressbar shouldn't have 'a dot'?
Just a bar that changes its brightness.

(https://i.imgur.com/XdyMFDv.gif)

- Yes, there is a lot of empty space in the player panel.
It's intentional, and why I called it Void ;-)
And as I said before, the small sized icons and controls are intentional, and (on my screen) are perfectly readible, having similar sizes to the text as it shows up in the panels of MusicBee.

- Invisible borders
If you are talking about the vertical handles to drag the width of columns, I fully agree:

(https://i.imgur.com/GIYCvXD.gif)

Regrettably, skinners don't have much control over it.
I have raised this before on the skinners board (a long time ago), accompanied by a request, but it wasn't rewarded.
Probably because it's less of an issue for light skins and high contrast dark skins.

My skins are often medium to low contrast, and the visibility of that 'dragging indicator' sucks for pretty much all of them.
Sorry for that. I don't like it either.
 
Title: Re: Void (series)
Post by: so_la_la on October 09, 2022, 12:40:21 AM
Thank you for your time and patience with me.
Obviously I had never put the volume slider to 11.
The invisible borders are a real let down especially if your MB focus is on editing and tagging your files rather than playing them. A pity nothing can be done about it.
Title: Re: Void (series)
Post by: hiccup on October 09, 2022, 06:38:58 AM
No problem.
This divider/dragging indicator issue bothers me enough to revive it, so I created a request to have a solution for it:
https://getmusicbee.com/forum/index.php?topic=37353.msg205208#msg205208

edit
About 'volume11'
Many users prefer to have the volume at the maximum position. (10, 100 whatever you call it)
This because only at the max position you can have MusicBee output a bit-perfect signal.
So the indicator is there as a warning when the volume setting makes it impossible to have bit-perfect output.
Title: Re: Void (series)
Post by: hiccup on October 10, 2022, 05:10:39 PM
The invisible borders are a real let down especially if your MB focus is on editing and tagging your files rather than playing them. A pity nothing can be done about it.
Good news: something has been done about it ;-)
If you update MusicBee with the latest 3.5 update patch ( https://getmusicbee.com/patches/ ) the borders should now be a lot more visible.
It's still subtle, but that is my design choice.
Title: Re: Void (series)
Post by: hiccup on August 27, 2023, 08:56:04 PM
updated
Title: Re: Void (series)
Post by: hiccup on August 28, 2023, 04:26:11 PM
It looks like the Dropbox service was not running on my computer yesterday, so if you downloaded this skin yesterday it was still the old version.
It's now updated for sure.