Please login or register.

Login with username, password and session length

Topic: Material Dark  (Read 9076 times)

March 19, 2016, 10:48:14 PM
  • Newbie
  • *
  • Posts: 38
    • View Profile
    • Email
Material Dark
« 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 <<



>> Download Material <<
« Last Edit: June 02, 2016, 09:39:03 PM by pepo »

March 19, 2016, 11:32:39 PM
Reply #1
  • Newbie
  • *
  • Posts: 2
    • View Profile
Re: Material Dark
« Reply #1 on: March 19, 2016, 11:32:39 PM »
Awesome work! Really well designed

March 19, 2016, 11:44:01 PM
Reply #2
  • Newbie
  • *
  • Posts: 38
    • View Profile
    • Email
Re: Material Dark
« Reply #2 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).
« Last Edit: March 19, 2016, 11:46:56 PM by pepo »

March 21, 2016, 06:07:37 AM
Reply #3
  • Newbie
  • *
  • Posts: 38
    • View Profile
    • Email
Re: Material Dark
« Reply #3 on: March 21, 2016, 06:07:37 AM »
Update 1.2: Added 9 variant colors

March 22, 2016, 12:14:52 AM
Reply #4
  • Newbie
  • *
  • Posts: 38
    • View Profile
    • Email
Re: Material Dark
« Reply #4 on: March 22, 2016, 12:14:52 AM »
Update 1.3: Added light versions and icons to use on desktop

March 23, 2016, 04:29:04 AM
Reply #5
  • Newbie
  • *
  • Posts: 38
    • View Profile
    • Email
Re: Material Dark
« Reply #5 on: March 23, 2016, 04:29:04 AM »
Update 1.4: Fixed wrong color on playlist and more visible search on light themes

April 18, 2016, 03:03:05 PM
Reply #6
  • Newbie
  • *
  • Posts: 4
  • http://ravecy.com | The EDM community
    • View Profile
    • Email
Re: Material Dark
« Reply #6 on: April 18, 2016, 03:03:05 PM »
thank you for this amazing skin :)
http://ravecy.com | The EDM community

April 21, 2016, 04:26:22 PM
Reply #7
  • Newbie
  • *
  • Posts: 2
    • View Profile
    • Email
Re: Material Dark
« Reply #7 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!

April 22, 2016, 08:07:24 PM
Reply #8
  • Newbie
  • *
  • Posts: 38
    • View Profile
    • Email
Re: Material Dark
« Reply #8 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
« Last Edit: April 22, 2016, 08:12:43 PM by pepo »

April 27, 2016, 07:03:18 PM
Reply #9
  • Newbie
  • *
  • Posts: 2
    • View Profile
    • Email
Re: Material Dark
« Reply #9 on: April 27, 2016, 07:03:18 PM »
Thanks, still have some bugs to solve but it worked!

May 06, 2016, 11:41:06 PM
Reply #10
  • Newbie
  • *
  • Posts: 38
    • View Profile
    • Email
Re: Material Dark
« Reply #10 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

June 02, 2016, 01:17:47 AM
Reply #11
  • Newbie
  • *
  • Posts: 3
    • View Profile
Re: Material Dark
« Reply #11 on: June 02, 2016, 01:17:47 AM »
How to remove color or set to dark grey?

June 02, 2016, 09:57:37 PM
Reply #12
  • Newbie
  • *
  • Posts: 38
    • View Profile
    • Email
Re: Material Dark
« Reply #12 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

June 03, 2016, 12:42:20 AM
Reply #13
  • Newbie
  • *
  • Posts: 3
    • View Profile
Re: Material Dark
« Reply #13 on: June 03, 2016, 12:42:20 AM »
Thanks

June 15, 2016, 05:51:37 AM
Reply #14
  • Newbie
  • *
  • Posts: 2
    • View Profile
Re: Material Dark
« Reply #14 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!