Vinyl Software Forum

Winyl => Winyl - Skins => Topic started by: pepo on March 19, 2016, 10:48:14 PM

Title: Material Dark
Post by: pepo on March 19, 2016, 10:48:14 PM
Inspired on material design.

Update 1.5: Removed grey color, updated orange color to a better one, fixed track number for albums with 100 tracks or more and other minor changes

Update 1.4: Fixed wrong color on playlist and more visible search on light themes

Update 1.3: Added light versions and icons to use on desktop

Update 1.2: Added 8 variant colors

Update 1.1: Rating now has color when playing or pausing

>> Download Material << (http://pep0.deviantart.com/art/Material-Dark-for-Winyl-597613989)

(http://orig07.deviantart.net/6f35/f/2016/144/a/3/material_light_and_dark_for_winyl__8_colors__by_pep0-d9vsxwl.png)

>> Download Material << (http://pep0.deviantart.com/art/Material-Dark-for-Winyl-597613989)
Title: Re: Material Dark
Post by: everaldo on March 19, 2016, 11:32:39 PM
Awesome work! Really well designed
Title: Re: Material Dark
Post by: pepo on March 19, 2016, 11:44:01 PM
Awesome work! Really well designed

Thanks. I just updated the file (the track number was slight unaligned).
Title: Re: Material Dark
Post by: pepo on March 21, 2016, 06:07:37 AM
Update 1.2: Added 9 variant colors
Title: Re: Material Dark
Post by: pepo on March 22, 2016, 12:14:52 AM
Update 1.3: Added light versions and icons to use on desktop
Title: Re: Material Dark
Post by: pepo on March 23, 2016, 04:29:04 AM
Update 1.4: Fixed wrong color on playlist and more visible search on light themes
Title: Re: Material Dark
Post by: EyeMJR on April 18, 2016, 03:03:05 PM
thank you for this amazing skin :)
Title: Re: Material Dark
Post by: jasmalino on April 21, 2016, 04:26:22 PM
Thanks for these amazing skins! They are my favorite at the moment!

I have one question/request:
is it possible to enlarge the album artwork?
For instance the divider between the artwork and the song list (see screenshot) could be resizable allowing the artwork to be enlarged.
If this is not possible, could the artwork panel be enlarged by manipulating the skin settings? How to do it?

Thanks!
Title: Re: Material Dark
Post by: pepo on April 22, 2016, 08:07:24 PM
is it possible to enlarge the album artwork?
If this is not possible, could the artwork panel be enlarged by manipulating the skin settings? How to do it?

It's only possible by editing the skin.
After unpacking the skin you will need to change the size of the cover.png for whatever you want in the folder CoverBig.
Then you need to edit Skin.xml: change SkinLayouts Save="1" to 0. Find Layout Name="Playlist" change Position Right="[your size+2]" (in my case the cover is 284x284 so the value of the position is 286).
Find Layout Name="Big Cover" change Position Width="[your size+1]".
Find Layout Name="Spectrum" change Position Width="[your size+1]".
Find Layout Name="Lyrics and Small Cover" change Position Width="[your size+1]".

Now you need to change the positions of the stuff bellow the cover:
Find Layout Name="Big Cover" bellow that you'll see Artist, Title, Album and Rating. Change the values of Top=[] You'll have to figure out your values.

Do the same with Layout Name="Spectrum" and Layout Name="LyricsOffButton"

Test your skin, when finished change back SkinLayouts Save="0" to 1 and version to 1.5
Title: Re: Material Dark
Post by: jasmalino on April 27, 2016, 07:03:18 PM
Thanks, still have some bugs to solve but it worked!
Title: Re: Material Dark
Post by: pepo on May 06, 2016, 11:41:06 PM
Update 1.5: Removed grey color, updated orange color to a better one, fixed track number for albums with 100 tracks or more and other minor changes
Title: Re: Material Dark
Post by: imnotgerardo on June 02, 2016, 01:17:47 AM
How to remove color or set to dark grey?
Title: Re: Material Dark
Post by: pepo on June 02, 2016, 09:57:37 PM
How to remove color or set to dark grey?

Unpack blue grey. Find this in skin.xml:

        <Background>
            <!-- Fill Background -->
            <Fill>
                <Position Left="0" Top="0" Right="0" Bottom="0"/>
                <Fill Color="607D8B" />
            </Fill>

Change 607D8B to whatever color you want (this will only change the bottom color).

The color in playlist is 78909C.
You'll need a image editor to change the color of the elements (play/pause/rating).

Get the colors here: https://www.google.com/design/spec/style/color.html#color-color-palette
Title: Re: Material Dark
Post by: imnotgerardo on June 03, 2016, 12:42:20 AM
Thanks
Title: Re: Material Dark
Post by: metalhead on June 15, 2016, 05:51:37 AM
Amazing, thanks! I've been using Nera ever since it came out. You're getting really good at making skins!