getmusicbee.com

MusicBee & Add-Ons => Customizations => Skins => Topic started by: diego on November 12, 2019, 09:42:15 PM

Title: Dark W10 - High DPI Supported
Post by: diego on November 12, 2019, 09:42:15 PM
Include 4 colors: blue, green, purple and grey, some desktop icons and a simple theater mode.

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

(https://i.imgur.com/y42Z8G2.png)
(https://i.imgur.com/wf9H1we.png)
(https://i.imgur.com/BRZ1JZu.png)
(https://i.imgur.com/wMLXjo1.png)

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

>> Download - Source (https://github.com/diegopvlk/mb-skins/archive/refs/heads/main.zip)


Thanks to:
endeavour1934 for source of DarkRED (https://getmusicbee.com/forum/index.php?topic=10884.0)
hiccup for Sample Skin (https://getmusicbee.com/forum/index.php?topic=22300.msg130967)
sveakul for Base64encode (https://getmusicbee.com/forum/index.php?topic=26318.msg149430)
Title: Re: Dark W10
Post by: Steven on November 13, 2019, 07:02:48 AM
Looks great and feel free to submit it to the Add-Ons page
Title: Re: Dark W10
Post by: diego on November 13, 2019, 03:28:40 PM
Will do when i finish, there's more stuff to do. Like this drive icon:
(https://i.imgur.com/BD9LsA8.png)
is it possible to change the icon or color?

And thanks for this great player man, it's crazy how many features it has!
Title: Re: Dark W10
Post by: hiccup on November 13, 2019, 03:38:41 PM
Congrats with the skin, nice work.

There are five new elements for several drive icons. They are:

NetworkDriveIcon - network share
WpdDeviceIcon - portable devices (WPD and ipod)
UsbDeviceIcon - usb devices
StorageIcon - for all other root drives eg. virtual drive
OpticalDriveIcon - for optical drives

Note that they will not show up in current MusicBee releases, only in upcoming MB 3.4.

link to related thread:
https://getmusicbee.com/forum/index.php?topic=29451.msg164278#msg164278
Title: Re: Dark W10
Post by: diego on November 13, 2019, 03:48:21 PM
Congrats with the skin, nice work.

There are five new elements for several drive icons. They are:

NetworkDriveIcon - network share
WpdDeviceIcon - portable devices (WPD and ipod)
UsbDeviceIcon - usb devices
StorageIcon - for all other root drives eg. virtual drive
OpticalDriveIcon - for optical drives

Note that they will not show up in current MusicBee releases, only in upcoming MB 3.4.

link to related thread:
https://getmusicbee.com/forum/index.php?topic=29451.msg164278#msg164278

Ok got it, thank you.
Title: Re: Dark W10
Post by: Mobbsypom on November 14, 2019, 05:38:06 AM
Just wanted to say...love the skin..brilliant..thanks
Title: Re: Dark W10
Post by: diego on November 15, 2019, 05:09:34 AM
Updated:

Fixed some icons and other stuff
Added some desktop icons
3 colors options to use now: green, purple or grey
Title: Re: Dark W10
Post by: ner0 on November 15, 2019, 08:19:10 PM
Amazing work, thank you for sharing it with us!
Also using it right now and loving it.  ;D
Title: Re: Dark W10
Post by: Noctale on November 18, 2019, 09:54:14 PM
This is an awesome skin, exactly what I've been looking for! It fits so well with everything else dark in Windows 10, particularly the grey one for me.
Title: Re: Dark W10
Post by: diego on November 26, 2019, 03:37:45 AM
Update v1.1:

Disabled the borders
Changed more icons
Moved the love icon to the right side (if you choose to hide the icon, the progress bar and time will not move leaving a blank space instead. i will update when i figure out how to fix)

Cheers everyone.
Title: Re: Dark W10
Post by: psychoadept on November 26, 2019, 03:48:26 AM
I've been wanting to try this, but when I go to download it I get a message that the page isn't found. (I can get to the site, just not the download.)
Title: Re: Dark W10
Post by: diego on November 26, 2019, 03:57:20 AM
I've been wanting to try this, but when I go to download it I get a message that the page isn't found. (I can get to the site, just not the download.)

Goddamnit, i think deviantart changed something in the backend. Changed to mediafire.
Title: Re: Dark W10
Post by: psychoadept on November 26, 2019, 04:37:20 AM
Thanks! That seems to have done it.
Title: Re: Dark W10
Post by: diego on December 01, 2019, 01:58:30 PM
Update v1.2

Fixed progress bar position
Enabled track details on multiple lines
Fixed some colors
Added a simple TheaterMode.Embeded with cover and lyrics


Update v1.3

just a small one to fix the misaligned time
Title: Re: Dark W10
Post by: Ansem on December 04, 2019, 10:59:40 PM
Really great skins!
I have only one question: I installed the 4 Roboto Fonts that cam with the skin, but I'm not sure where should I use them.
Could you post a screenshot about where should I put them?
Title: Re: Dark W10
Post by: diego on December 05, 2019, 01:48:31 AM
The fonts are optional. It's there because i made this skin using these fonts and tried to align the icons according to it, Roboto Condensed size 11 on header bar and bottom panel specifically. Segoe UI 11 looks just a bit misaligned, size 9 is fine. Roboto Slab is for the for the lyrics on theater view.
Title: Re: Dark W10
Post by: psychoadept on December 10, 2019, 04:08:08 AM
Should have mentioned sooner, the purple version is my regular skin now. I love it!
Title: Re: Dark W10
Post by: psychoadept on December 15, 2019, 08:18:23 PM
They're gone. I removed the content with the links from your post, too
Title: Re: Dark W10
Post by: Music G on December 17, 2019, 06:21:02 PM
I just installed this skin and now I can't open musicbee anymore..

I have the windows store version
Title: Re: Dark W10
Post by: psychoadept on December 17, 2019, 06:36:23 PM
Where did you put the skin? The Windows store version is notoriously difficult to work with, you might try a portable install instead.
Title: Re: Dark W10
Post by: diego on December 17, 2019, 07:12:13 PM
He probably installed from the menu.

I'm guessing that it was one of the green or purple versions, since they depend on the grey skin and the grey was not installed first. I don't have the windows store version so i don't know where the files go once they are installed from the menu.

You have to delete the skin file now, i don't know any other solution. I'll put a warning on the original post about this. Later i convert everything to xmlc.
Title: Re: Dark W10
Post by: diego on December 18, 2019, 01:53:10 AM
Update v1.4

Updated more icons
Fixed misaligned notification icon
Updated green and purple versions to xmlc (you can install them individually now)
Title: Re: Dark W10
Post by: Music G on December 18, 2019, 02:26:14 PM
He probably installed from the menu.

I'm guessing that it was one of the green or purple versions, since they depend on the grey skin and the grey was not installed first. I don't have the windows store version so i don't know where the files go once they are installed from the menu.

You have to delete the skin file now, i don't know any other solution. I'll put a warning on the original post about this. Later i convert everything to xmlc.

Yeah I think it was the purple version, there was no skins apart from the pre installed ones inside the windows apps skins folder so I ended up just resetting music bee. Luckily I had my settings saved from a couple of weeks ago so It wasn't a catastrophe.
Title: Re: Dark W10
Post by: diego on January 07, 2020, 03:30:25 PM
Update v1.5

reworked colors
improved bottom panel icons (they look more sharp now)
added blue color version (desktop icon also included)
added icons for musicbee 3.4
added segoe ui (default font) versions for all colors (tab icons and bottom panel time alignments are slightly different)
changed playing icon
Title: Re: Dark W10
Post by: RealPetChicken on January 09, 2020, 02:21:23 AM
it looks nice, the only thing i see is the icons are blurry, maybe because i have a high dpi screen?
Title: Re: Dark W10
Post by: diego on January 09, 2020, 02:33:22 AM
it looks nice, the only thing i see is the icons are blurry, maybe because i have a high dpi screen?

Yeah, this skin is not compatible with high dpi. I intend to add support later though.
Title: Re: Dark W10
Post by: diego on January 15, 2020, 10:49:39 PM
Update v1.6

fixed banned and stop buttons
updated icons
added support for high dpi displays:
(https://i.imgur.com/wMLXjo1.png)
Title: Re: Dark W10 - High DPI Supported
Post by: diego on January 28, 2020, 11:11:35 PM
Update v1.7

fixed colors on tag editor panel, column browser + other small fixes
improved desktop icons
Title: Re: Dark W10 - High DPI Supported
Post by: diego on February 19, 2020, 02:10:53 PM
Update v1.8

fixed stop button showing on title bar of maximized window
Title: Re: Dark W10 - High DPI Supported
Post by: neworleans on February 20, 2020, 08:51:02 AM
This is very good. Thank you.
Title: Re: Dark W10 - High DPI Supported
Post by: diego on March 15, 2020, 04:44:52 PM
Updated the source for anyone who wants to make their own skin, but please if you're gonna use the images from these skins at least give me the credits, cheers!
Title: Re: Dark W10 - High DPI Supported
Post by: Musicmouche on November 08, 2020, 01:10:52 PM
It's a nice skin, is it possible to make a white version?  :)
Title: Re: Dark W10 - High DPI Supported
Post by: diego on November 08, 2020, 10:24:41 PM
It's a nice skin, is it possible to make a white version?  :)

I'm not gonna make one, sorry.
Title: Re: Dark W10 - High DPI Supported
Post by: diedie2 on November 09, 2020, 12:19:31 AM
I must be doing something wrong bc I can't get the icons to become visible :-(
There also seems a little bug as artist and title are not good aligned on the bottom of the screen (should be left, next to buttons or centered I think)


(https://i.imgur.com/rXyH0oQ.png)
Title: Re: Dark W10 - High DPI Supported
Post by: diego on November 09, 2020, 01:24:39 AM
I must be doing something wrong bc I can't get the icons to become visible :-(
There also seems a little bug as artist and title are not good aligned on the bottom of the screen (should be left, next to buttons or centered I think)

Enable the progress bar. Right click the panel > panel layout > show progress bar. It doesn't work nice without.
Title: Re: Dark W10 - High DPI Supported
Post by: diedie2 on November 09, 2020, 07:41:12 PM
Ok, got it working. Also the icons next to "music", "now playing", "podcast", I managed to enable them.

But the icons next to artist, album, bitrate....I can't find it...

(https://i.imgur.com/ImCz2wp.png)
Title: Re: Dark W10 - High DPI Supported
Post by: diego on November 09, 2020, 08:27:40 PM
Ok, got it working. Also the icons next to "music", "now playing", "podcast", I managed to enable them.

But the icons next to artist, album, bitrate....I can't find it...

https://getmusicbee.com/forum/index.php?topic=30472.0
Title: Re: Dark W10 - High DPI Supported
Post by: diedie2 on November 09, 2020, 09:14:49 PM
oh, I thaught it was part of the skin lol

tnx mate!
Title: Re: Dark W10 - High DPI Supported
Post by: MusicSnooper on November 10, 2020, 05:09:50 PM
What's the code for the bitrate to include it into the track info window ?
Title: Re: Dark W10 - High DPI Supported
Post by: diego on November 10, 2020, 09:42:11 PM
What's the code for the bitrate to include it into the track info window ?

Code
{font: Segoe MDL2 Assets;Regular;12}{contrast: 50} {font: Roboto Condensed;Regular;10}{contrast: 90}{color: 240,240,240} <Bitrate>
Title: Re: Dark W10 - High DPI Supported
Post by: MusicSnooper on November 11, 2020, 02:20:48 PM
Thank you Diego
Title: Re: Dark W10 - High DPI Supported
Post by: wealstarr on November 12, 2020, 12:48:35 PM
Absolutely wonderful stuff. Good job diego.

One request, will it be possible for you to to make a variant with auto hiding of scroll bars and show only when hovered upon ?

In any case, big thanks!

Love those Icons.

Edit: noticed a potential bug.

With the track information panel header being hidden, there's band of the header still visible.

(https://lookimg.com/images/2020/11/12/PLvzYg.png)
Title: Re: Dark W10 - High DPI Supported
Post by: diego on November 12, 2020, 04:05:26 PM
One request, will it be possible for you to to make a variant with auto hiding of scroll bars and show only when hovered upon ?

Download this and put on the same folder that you have the skin (.xmlc file) installed:
https://gist.githubusercontent.com/diego-sergio/1a15bea4367ccdad9b9ce3bfe205b97a/raw/febb5903d811f09191513c1af9603536d42f86e6/Dark%20W10%20-%20Transparent%20Scrollbars.xml

Change the line <root dependsOn="Dark W10 - Roboto - Purple.xmlc"> to the skin variation that you're using (it needs to be exactly the same name).

With the track information panel header being hidden, there's band of the header still visible.
This is normal, it follows the color of the header, if you want to change that follow hiccup's guide:
https://getmusicbee.com/forum/index.php?topic=29815.0
Title: Re: Dark W10 - High DPI Supported
Post by: wealstarr on November 12, 2020, 05:14:37 PM
@diego Thanks! Appreciated  :-*

Edit: Got the error, player won't start and throws this

Code
12-11-2020 22:59:38 - Unable to load dependency: Dark W10.xmlc - The system cannot find the file specified. [C:\Users\wealstarr\AppData\Roaming\MusicBee\Skins\Dark W10.xmlc]
12-11-2020 22:59:39 - 6.3.9600.0 - 3.3.7367.38620D - System.TypeInitializationException: The type initializer for '#=zSY5hHAbHQ4EHcR39WuTgwzM=' threw an exception. ---> System.NullReferenceException: Object reference not set to an instance of an object.
   at #=zSY5hHAbHQ4EHcR39WuTgwzM=.#=zZBCS58hlFZ5J(Bitmap #=zcZyEZeQ=, Size #=zvuCf96g=, Boolean #=zcS5Ok0Q=)
   at #=zSY5hHAbHQ4EHcR39WuTgwzM=..cctor()
   --- End of inner exception stack trace ---
   at #=zSY5hHAbHQ4EHcR39WuTgwzM=..ctor(Boolean #=z1UAzKztWafhh_iseWA==, Boolean #=zJnrDgZshgtK6)
   at #=zziapYCHkKIL0B5EplaYmmhGl87_u..ctor()
   at #=zADbnadLxl1TKH02_Qzso3yQ4IyJJ.Main(String[] args)

Could it be because I renamed the file ?
Title: Re: Dark W10 - High DPI Supported
Post by: diego on November 12, 2020, 06:15:07 PM
Could it be because I renamed the file ?

probably, that's why i said it the name of the skin in the xml needs to be the same name as the skin file.
Title: Re: Dark W10 - High DPI Supported
Post by: wealstarr on November 12, 2020, 06:19:03 PM
Oh! well then this is beyond me.

But keep making the beautiful themes. Your contribution is highly appreciated. :D
Title: Re: Dark W10 - High DPI Supported
Post by: Ken_MB on December 08, 2020, 04:14:11 AM
Oh this skin is just great! thanks
Title: Re: Dark W10 - High DPI Supported
Post by: Ken_MB on December 11, 2020, 10:00:58 AM
Hello, in https://getmusicbee.com/forum/index.php?topic=32142.0 released a version and now we can "For standard skins the last.fm icon can be hidden in the player controls panel using right click/ Panel Layout/ Show Last.fm Scrobble Button".
Can this skin be updated to adapt the new feature?
Thanks!
Title: Re: Dark W10 - High DPI Supported
Post by: diego on December 11, 2020, 07:40:02 PM
Hello, in https://getmusicbee.com/forum/index.php?topic=32142.0 released a version and now we can "For standard skins the last.fm icon can be hidden in the player controls panel using right click/ Panel Layout/ Show Last.fm Scrobble Button".
Can this skin be updated to adapt the new feature?
Thanks!
this is only for standard skins, mine is a bitmap skin (it's not possible)