getmusicbee.com

MusicBee & Add-Ons => Customizations => Skins => Topic started by: diego on February 25, 2020, 09:21:14 PM

Title: Fluenx Dark - HiDPI Supported
Post by: diego on February 25, 2020, 09:21:14 PM
A nice dark skin with and without stop button

(https://img.shields.io/github/downloads/diegopvlk/mb-skins/Latest/Fluenx_Dark.zip?color=blue&label=Download+🡻&style=flat-square) (https://github.com/diegopvlk/mb-skins/releases/download/Latest/Fluenx_Dark.zip)

(https://i.imgur.com/PTs5819.png)

(https://i.imgur.com/u0AQEON.png)

(https://img.shields.io/github/downloads/diegopvlk/mb-skins/Latest/Fluenx_Dark.zip?color=blue&label=Download+🡻&style=flat-square) (https://github.com/diegopvlk/mb-skins/releases/download/Latest/Fluenx_Dark.zip)

>> Download - Source (https://github.com/diegopvlk/mb-skins/archive/refs/heads/main.zip)
Title: Re: Fluenx Dark - HiDPI Supported
Post by: diego on March 15, 2020, 04:49:01 PM
Updated the original post with the skin source, but please if you're gonna use the images from these skins to make your own at least give me the credits, cheers!
Title: Re: Fluenx Dark - HiDPI Supported
Post by: neworleans on March 18, 2020, 05:30:50 PM
This one is my favorite. Thanks diego!
Title: Re: Fluenx Dark - HiDPI Supported
Post by: Pandamonium9915 on June 30, 2020, 11:30:14 PM
I have spent a few hours looking at skins and setups and found yours. Let me just say, it fits me to a T! Thanks so much diego!
Title: Re: Fluenx Dark - HiDPI Supported
Post by: ImFilippo on December 10, 2020, 05:53:57 PM
Cool skins! How did i add that cool little visualizer on the right (the one above the volume slider)?
Thanks!
Title: Re: Fluenx Dark - HiDPI Supported
Post by: diego on December 11, 2020, 01:22:24 AM
Cool skins! How did i add that cool little visualizer on the right (the one above the volume slider)?
Thanks!

that's just the spectrum. view > arrange panels > drag it to sidebar
Title: Re: Fluenx Dark - HiDPI Supported
Post by: ImFilippo on December 11, 2020, 10:05:05 AM
Thanks!
Title: Re: Fluenx Dark - HiDPI Supported
Post by: snively on March 12, 2021, 03:14:59 PM
How exactly do I get my main panel to look that way? I loaded the theme but it didn't seem to change much
Title: Re: Fluenx Dark - HiDPI Supported
Post by: phred on March 12, 2021, 03:25:34 PM
You need to arrange the various panels to your liking. Panel Arrangement options can be found by clicking the box to the left of the search bar. Drag and drop various elements from the right side to the desired panel on the left. Specific elements can be dropped on any panel that shows a red bar when clicking an element.
Title: Re: Fluenx Dark - HiDPI Supported
Post by: snively on March 12, 2021, 03:51:57 PM
You need to arrange the various panels to your liking. Panel Arrangement options can be found by clicking the box to the left of the search bar. Drag and drop various elements from the right side to the desired panel on the left. Specific elements can be dropped on any panel that shows a red bar when clicking an element.

Found it! It's the compact grid option that I like. Is there a way to add ratings/play counts to this view? Or is there a way to add the album header field to the 'detailed list' option?
Title: Re: Fluenx Dark - HiDPI Supported
Post by: hiccup on March 12, 2021, 04:56:46 PM
Found it! It's the compact grid option that I like. Is there a way to add ratings/play counts to this view?
I don't think so.

Quote
Or is there a way to add the album header field to the 'detailed list' option?
Not sure what you mean, it has a header by default (grouping header) and you can customise that to your liking.
Title: Re: Fluenx Dark - HiDPI Supported
Post by: snively on March 12, 2021, 09:55:02 PM
Found it! It's the compact grid option that I like. Is there a way to add ratings/play counts to this view?
I don't think so.

Quote
Or is there a way to add the album header field to the 'detailed list' option?
Not sure what you mean, it has a header by default (grouping header) and you can customise that to your liking.

So I'd like to get this view:

(https://i.imgur.com/5ERVi9m.png)

In the non-compact list view:

(https://i.imgur.com/mndQILZ.png)

I don't think it's possible, but I'm still new to the app so I'm not 100% sure.

edit: this skin has the main panel how I'm trying to get mine setup but I cannot figure it out. How did he get ratings in the compact view? (https://i.imgur.com/5qagPRj.png)
Title: Re: Fluenx Dark - HiDPI Supported
Post by: diego on March 13, 2021, 12:08:09 AM
Found it! It's the compact grid option that I like. Is there a way to add ratings/play counts to this view?
You can add ratings but not play counts. Albums and tracks > set displayed fields > drag rating
Title: Re: Fluenx Dark - HiDPI Supported
Post by: hiccup on March 13, 2021, 08:23:33 AM
this skin has the main panel how I'm trying to get mine setup but I cannot figure it out. How did he get ratings in the compact view?

I think you will get that when in 'compact grid' you check 'display tracks as a single column list'.
Title: Re: Fluenx Dark - HiDPI Supported
Post by: ThatEpicBanana on May 26, 2022, 12:47:33 AM
I've made a recolor of the theme in One Dark and I was thinking of publishing it. It looks like this

(https://i.imgur.com/BRIAyGB.png)

Since it's based on your work, I thought I'd ask for permission.

I would, of course, credit you
Title: Re: Fluenx Dark - HiDPI Supported
Post by: diego on May 26, 2022, 02:00:25 AM
I've made a recolor of the theme in One Dark and I was thinking of publishing it. It looks like this
No problem, go ahead =)
Title: Re: Fluenx Dark - HiDPI Supported
Post by: ThatEpicBanana on May 26, 2022, 02:46:27 AM
I've made a recolor of the theme in One Dark and I was thinking of publishing it. It looks like this
No problem, go ahead =)

Thanks! Here (https://getmusicbee.com/forum/index.php?topic=36615.0) it is if you're interested.
Title: Re: Fluenx Dark - HiDPI Supported
Post by: diego on May 26, 2022, 02:21:12 PM
Thanks! Here (https://getmusicbee.com/forum/index.php?topic=36615.0) it is if you're interested.

I'm not using windows atm so I can't test it =P  but looks good!
Title: Re: Fluenx Dark - HiDPI Supported
Post by: frankuaku on June 03, 2022, 11:00:54 AM
I like this skin very much!

Anyway, I'm interested about the icon that is shown in the splash screen: do you have the .ico file? I want to use it as my MB icon.

Edit: I noticed that, when I select Roboto skin, Segoe UI remains unchamged. Is it normal or do I need to change the font to Roboto in the prefs?
Title: Re: Fluenx Dark - HiDPI Supported
Post by: diego on June 03, 2022, 02:00:11 PM
I like this skin very much!

Anyway, I'm interested about the icon that is shown in the splash screen: do you have the .ico file? I want to use it as my MB icon.

Edit: I noticed that, when I select Roboto skin, Segoe UI remains unchamged. Is it normal or do I need to change the font to Roboto in the prefs?


Yes, you need to select in the preferences.

I don't have the icon separated, you can get it here: https://icons8.com/icons/set/musicbee
Not the same colors, but you can edit using any svg editor.
Title: Re: Fluenx Dark - HiDPI Supported
Post by: frankuaku on June 03, 2022, 10:41:35 PM
Icon I made in the style of this skin's splash screen: https://getmusicbee.com/forum/index.php?topic=36672.0  8)

Thx a lot @diego for helping me!
Title: Re: Fluenx Dark - HiDPI Supported
Post by: Crynder on June 05, 2022, 02:45:42 PM
Hi,
I'm completely new in Musicbee.
How you got the structure like you have in the screenshot? The covers on the left are in circles and the trackinformation on the right side with a big cover.
I want it exactly like you have in the screenshot :)

Edit: Ah, it was already asked before. Is it possible to post a screenshot of your Panel settings?
Title: Re: Fluenx Dark - HiDPI Supported
Post by: diego on June 05, 2022, 03:16:42 PM
Hi,
I'm completely new in Musicbee.
How you got the structure like you have in the screenshot? The covers on the left are in circles and the trackinformation on the right side with a big cover.
I want it exactly like you have in the screenshot :)

Edit: Ah, it was already asked before. Is it possible to post a screenshot of your Panel settings?

Like I said in another reply I'm not using windows/musicbee so I can't post a screenshot, sorry. I think you'll find the circle option in the main settings, I don't remember where exactly.
For the track information icons see: https://getmusicbee.com/forum/index.php?topic=30472.0
Title: Re: Fluenx Dark - HiDPI Supported
Post by: Crynder on June 05, 2022, 03:43:22 PM
Ah, okay. Thank you very much :)
Title: Re: Fluenx Dark - HiDPI Supported
Post by: coldhanded on June 14, 2022, 03:57:18 AM
Fantastic skin thank you! One thing missing however is the panel layout option for hiding the last.fm button, would it be possible to add this to a future update?
Title: Re: Fluenx Dark - HiDPI Supported
Post by: diego on June 17, 2022, 02:08:17 PM
Fantastic skin thank you! One thing missing however is the panel layout option for hiding the last.fm button, would it be possible to add this to a future update?
If I remember correctly, it's not possible to have this option for bitmap skins.
It would be necessary to create another version without this button, which I won't do it, sorry.
Title: Re: Fluenx Dark - HiDPI Supported
Post by: hiccup on June 18, 2022, 11:22:42 AM
If I remember correctly, it's not possible to have this option for bitmap skins.
It is, these days:

Code
  <element id="HideScrobbleButtonSupported">true</element>
  <element id="HideScrobbleButtonOffset">0</element> <!-- the number of pixels that the position of last.fm button is offset so other buttons relative to it are also adjusted  -->
You can add these to the <settings> category in your main skin xml.
Note that you will also need to edit the offsets of the replacementElement ids in your skin.xml and skin_wavebar.xml since you have elements depending on LastFmButton there.
Title: Re: Fluenx Dark - HiDPI Supported
Post by: diego on June 18, 2022, 02:17:19 PM
It is, these days:
Interesting, I may do this later then. Is it possible to do the same thing for the stop button?
Title: Re: Fluenx Dark - HiDPI Supported
Post by: hiccup on June 18, 2022, 03:26:51 PM
It is, these days:
Interesting, I may do this later then. Is it possible to do the same thing for the stop button?
Not that I am aware of.
While MusicBee does show the option to display or hide the stop button, it doesn't do anything for bitmap skins.
That looks like an oversight, and could be something worth mentioning on the wishlist or skinning board.
Title: Re: Fluenx Dark - HiDPI Supported
Post by: diego on June 23, 2022, 07:28:49 PM
Not that I am aware of.
While MusicBee does show the option to display or hide the stop button, it doesn't do anything for bitmap skins.
That looks like an oversight, and could be something worth mentioning on the wishlist or skinning board.
Got it, I don't think I should ask for this since I'm not even using MB. I was mostly curious =)
Title: Re: Fluenx Dark - HiDPI Supported
Post by: coldhanded on July 12, 2022, 12:06:38 AM
It is, these days:
Interesting, I may do this later then. Is it possible to do the same thing for the stop button?

I am able to hide the button with an xml however as stated in hiccups post I need the other elementids to be adjusted accordingly. Would you be able to share those?
Title: Re: Fluenx Dark - HiDPI Supported
Post by: diego on July 12, 2022, 03:36:50 AM
I am able to hide the button with an xml however as stated in hiccups post I need the other elementids to be adjusted accordingly. Would you be able to share those?

https://github.com/diego-pvlk/mb-skins/blob/a83bf7c0556c60ae9ebd80dd76d5d9711ca2354c/Fluenx%20Dark/skin.xml#L219-L221

I don't remember how to do it. You probably need to create a new one with the id "LastFmButton" and replace with "EqualiserButton".
I do not have a proper setup to test that, so you're on your own.
Title: Re: Fluenx Dark - HiDPI Supported
Post by: hiccup on July 22, 2022, 05:44:32 AM
I am able to hide the button with an xml however as stated in hiccups post I need the other elementids to be adjusted accordingly. Would you be able to share those?
To keep all the buttons and other elements in the correct position when you have the scrobble button hidden:

In the skin.xml, find the element for TrackLove, and replace the line that positions it to this:

Code
<element id="TrackLove" parent="TrackInfoPanel">
  <left relativeTo="EqualiserButton.Left" offset="-73" />
Also, at the bottom of the xml, replace the replacement line for TrackLove with this one:

Code
<replacementElement id="TrackLove" replaceWith="LastFmButton.Right" offsetAdjustment="0" />
(it's currently not technically possible to regain the space that was used by the scrobble button by moving the elements on the left of it a bit to the right)
Title: Re: Fluenx Dark - HiDPI Supported
Post by: coldhanded on July 26, 2022, 02:22:00 AM
Thank you for the detailed info hiccup I followed your post however it seems the wavebar now overlaps with the right buttons

(https://i.imgur.com/CIneheu.png)

I feel at this point I may just have to settle with having the lastfm button there as I would rather not change skins. Unless one of you kind souls would care to take a crack at it?
Title: Re: Fluenx Dark - HiDPI Supported
Post by: hiccup on July 26, 2022, 05:36:23 AM
You can probably solve that by copying everything that is in the skin.xml to the skin_wavebar.xml so that they are identical.
Except: the only thing you have to add to the skin_wavebar.xml that is not in the skin.xml is the WaveBar element (5 lines).
Place that at the bottom, right above the replacement elements.
Title: Re: Fluenx Dark - HiDPI Supported
Post by: coldhanded on July 26, 2022, 07:29:11 PM
SkinCreator throws this error when trying to compile with the wavebar elements in the skin.xml

(https://i.imgur.com/OaoydJt.png)

I also tried adding everything in the skin.xml to the wavebar.xml but the overlapping still occurs.
Title: Re: Fluenx Dark - HiDPI Supported
Post by: hiccup on July 27, 2022, 05:35:44 PM
Except: the only thing you have to add to the skin_wavebar.xml that is not in the skin.xml is the WaveBar element (5 lines).
Title: Re: Fluenx Dark - HiDPI Supported
Post by: coldhanded on July 27, 2022, 08:03:40 PM
Except: the only thing you have to add to the skin_wavebar.xml that is not in the skin.xml is the WaveBar element (5 lines).

I'm not sure I understand what you mean by this? The wavebar element lines are in the skin_wavebar.xml. When I add them to the skin.xml I get the error I mentioned above.
Title: Re: Fluenx Dark - HiDPI Supported
Post by: hiccup on July 27, 2022, 08:14:08 PM
Except: the only thing you have to add to the skin_wavebar.xml that is not in the skin.xml is the WaveBar element (5 lines).

I'm not sure I understand what you mean by this? The wavebar element lines are in the skin_wavebar.xml. When I add them to the skin.xml I get the error I mentioned above.
The wavebar element should NOT be in the skin.xml

I feel a bit uncomfortable (and guilty) of being part of turning Diego's skin topic into some skinning course.
If you have further questions or challenges with this, it's probably better to continue in the Developer's area > Skins board.
Title: Re: Fluenx Dark - HiDPI Supported
Post by: diego on July 27, 2022, 09:14:17 PM
It's all good hiccup =)
Title: Re: Fluenx Dark - HiDPI Supported
Post by: hiccup on July 27, 2022, 09:30:46 PM
It's all good hiccup =)
Good to know ;-)

But I am kind of a stickler where it concerns forum etiquette and putting things where they belong, and I realised I was breaking my own unwritten 'rules'.
(probably not the first time, haha)

Anyway, I see coldhanded created a nice and to-the-point new topic on the matter.
I'm sure it will get proper answers that will solve the matter, and additionally might be informative to other users/aspiring skinners too.
Title: Re: Fluenx Dark - HiDPI Supported
Post by: diego on November 04, 2022, 05:23:26 PM
I updated the skin files to support hiding the "last.fm" button, thanks to @ZINHAR for the help!
Title: Re: Fluenx Dark - HiDPI Supported
Post by: iCrispy on June 20, 2023, 03:08:53 AM
Hello! Long time fan of this skin after going through so many a year ago!! However, would you or have you done a light skin of this variation or would you point to a similar skin for day time?

I live in Alaska, and the sun doesn't come down until 11:40 at night right now, but even then it'll stay daylight for another hour or two. Fantastic for winter tho, as we'd only get sun for 2 hours in the thick of it.

Thanks for your work btw!
Title: Re: Fluenx Dark - HiDPI Supported
Post by: diego on June 20, 2023, 02:46:32 PM
Hello! Long time fan of this skin after going through so many a year ago!! However, would you or have you done a light skin of this variation or would you point to a similar skin for day time?

I live in Alaska, and the sun doesn't come down until 11:40 at night right now, but even then it'll stay daylight for another hour or two. Fantastic for winter tho, as we'd only get sun for 2 hours in the thick of it.

Thanks for your work btw!

I didn't make a light skin and don't plan to make one, sorry. But if I was to make one, the colors would probably look like the skin on the main page (https://getmusicbee.com/img/hero_img/hero-img-top-min.png). I don't know which skin is that thought.
Title: Re: Fluenx Dark - HiDPI Supported
Post by: phred on June 20, 2023, 07:22:39 PM
But if I was to make one, the colors would probably look like the skin on the main page (https://getmusicbee.com/img/hero_img/hero-img-top-min.png). I don't know which skin is that thought.
The skin on the MB website home page is Monaural.
Title: Re: Fluenx Dark - HiDPI Supported
Post by: iCrispy on June 21, 2023, 03:59:26 AM
Thank you guys for the speedy response!! Much appreciated, Monaural is a fantastic light skin