[hsus]

Ok, I had a thought, I have absolutely no idea how it would look and feel though but bear with me:

A couple of versions back iTunes revamped its ui with a dynamic colour scheme based on the album art. It does this by finding the dominant colours in the image and using those (with algorithms for contrast etc) to produce a fun and dynamic ui. (For good, and somewhat extensive, writeups see http://thomaspark.me/2012/12/the-itunes-...in-css-js/
http://stackoverflow.com/questions/13637...es-11-work
http://www.panic.com/blog/itunes-11-and-colors/ )


In the mock ups you've posted you've done sort of the same thing, while not exactly the same, the fan art seems to be selected for the displayed colour scheme.
I'm thinking this could be done dynamically.
I.e. The user selects either dark or light theme and the base mode (and if (s)he wants dynamic mode on or off). A python script* would then return the dominant colours from the image and either just roll with the dominant colour (might be bad for contrast) or find the closest colour from a range of presets already defined and tested to be legible (and beautiful). When the image would change the colour of the ui would smoothly fade to that colour (or use whatever animation as the image carousel uses). If no suitable match among the presets, it would revert to the chosen default colour.

This dynamic adaptability would be something that, to my knowledge, would be completely unique for a skin.


*here are four links with four different python methods for returning the dominant colour from an image:
http://charlesleifer.com/blog/using-pyth...in-images/
https://gist.github.com/zollinger/1722663
http://stackoverflow.com/questions/32419...n-an-image
http://stackoverflow.com/questions/32419...n-an-image

[mkortstiege]

I can recall XBMC code that already parses TVDB RGB fanart colors. Not sure if this ever worked and if it was used by a skin.

[da-anda]

@butchabay do you have a plan B for the weather in the lower left corner? Not everybody will need it / have a weather app installed and without any information it might look a bit empty down there
I'm also interested in how you'll integrate the currently playing item. Bottom bar would certainly work to show this info but would conflict with weather info (and please don't center it)

[prawnee]

I'd love this in electric pink and white

[butchabay]

butchabay,
This might be my favorite concept you've done. I have a few questions/thoughts...

a. how will this work with List views? Many of us (yes, me) use list views since we have WAY too many videos, music, etc to use images to scroll/browse through. Just cannot fit enough on a single screen.
b. if you do this, please make the menu items (markers included) and each screen section colors user definable. I could see it would be nice to make each menu item a different color an have the identifier bar that same color. This would make a nice visual cue to which item you've selected without needing to read the text. It would also allow each person to use the colors (backgrounds and text) that is easiest for them to read, based on their pref... each person and display screen shows/sees colors/contrasts differently.

Thanx, for list views i have an idea ... Different colors could be indeed a nice idea ... we'll see

I'm gonna have to buy a white TV set for this.

This should seriously be the new stock theme for Kodi. This is without a doubt the best look of any media centre I've seen, absolutely beautiful! Being customisable and lightweight only cements its position in my book.

Great work.

(If anything to critique, I'm not a fan of the drop shadows, hopefully optional? I don't really see a need to imply the z-order. And in the latest colour combos the shadows haven't been changed to match the colours, but I guess that's just a bug)

Ok, I had a thought, I have absolutely no idea how it would look and feel though but bear with me:

A couple of versions back iTunes revamped its ui with a dynamic colour scheme based on the album art. It does this by finding the dominant colours in the image and using those (with algorithms for contrast etc) to produce a fun and dynamic ui. (For good, and somewhat extensive, writeups see http://thomaspark.me/2012/12/the-itunes-...in-css-js/
http://stackoverflow.com/questions/13637...es-11-work
http://www.panic.com/blog/itunes-11-and-colors/ )


In the mock ups you've posted you've done sort of the same thing, while not exactly the same, the fan art seems to be selected for the displayed colour scheme.
I'm thinking this could be done dynamically.
I.e. The user selects either dark or light theme and the base mode (and if (s)he wants dynamic mode on or off). A python script* would then return the dominant colours from the image and either just roll with the dominant colour (might be bad for contrast) or find the closest colour from a range of presets already defined and tested to be legible (and beautiful). When the image would change the colour of the ui would smoothly fade to that colour (or use whatever animation as the image carousel uses). If no suitable match among the presets, it would revert to the chosen default colour.

This dynamic adaptability would be something that, to my knowledge, would be completely unique for a skin.


*here are four links with four different python methods for returning the dominant colour from an image:
http://charlesleifer.com/blog/using-pyth...in-images/
https://gist.github.com/zollinger/1722663
http://stackoverflow.com/questions/32419...n-an-image
http://stackoverflow.com/questions/32419...n-an-image

Thanx, i need to see if this would be possible, i'm not at all confident with python ...
About the drop shadow, yes it's just ... i haven't set the right colors yet

@butchabay do you have a plan B for the weather in the lower left corner? Not everybody will need it / have a weather app installed and without any information it might look a bit empty down there
I'm also interested in how you'll integrate the currently playing item. Bottom bar would certainly work to show this info but would conflict with weather info (and please don't center it)

Well, an idea could be to place the user icon and user name, or fade labels showing total items in library. Weather will hide when notifications popup.
For the now playing info already have an idea

I'd love this in electric pink and white

[kristle]

I can recall XBMC code that already parses TVDB RGB fanart colors. Not sure if this ever worked and if it was used by a skin.

http://wiki.xbmc.org/index.php?title=Fan...for_FanArt

Never tried it tho'.

[butchabay]

Now Playing Home Screen:

[bakito]

Nice!!

[deletedpenguin]

Indeed, I like the "now playing" screen.

[wex101]

Ok, I had a thought, I have absolutely no idea how it would look and feel though but bear with me:

A couple of versions back iTunes revamped its ui with a dynamic colour scheme based on the album art. It does this by finding the dominant colours in the image and using those (with algorithms for contrast etc) to produce a fun and dynamic ui. (For good, and somewhat extensive, writeups see http://thomaspark.me/2012/12/the-itunes-...in-css-js/
http://stackoverflow.com/questions/13637...es-11-work
http://www.panic.com/blog/itunes-11-and-colors/ )


In the mock ups you've posted you've done sort of the same thing, while not exactly the same, the fan art seems to be selected for the displayed colour scheme.
I'm thinking this could be done dynamically.
I.e. The user selects either dark or light theme and the base mode (and if (s)he wants dynamic mode on or off). A python script* would then return the dominant colours from the image and either just roll with the dominant colour (might be bad for contrast) or find the closest colour from a range of presets already defined and tested to be legible (and beautiful). When the image would change the colour of the ui would smoothly fade to that colour (or use whatever animation as the image carousel uses). If no suitable match among the presets, it would revert to the chosen default colour.

This dynamic adaptability would be something that, to my knowledge, would be completely unique for a skin.


*here are four links with four different python methods for returning the dominant colour from an image:
http://charlesleifer.com/blog/using-pyth...in-images/
https://gist.github.com/zollinger/1722663
http://stackoverflow.com/questions/32419...n-an-image
http://stackoverflow.com/questions/32419...n-an-image

That would be amazing!

[Jayz2K]

Now Playing Home Screen:

Amazing

[CM000n]

Oh Butch, what are you doing?
I'm waited so hard for Equilibrium and now you came along with such amazing new mockups that makes me even hotter

[hoopsdavis]

Now Playing Home Screen:

Hi Butch, question, have you though of the screen when you're watching something but you want to go to the menu?

How about putting a screen showing the video at the top where the fan are is but only covering 1/3 of the fanart on the left.

[Ovokx]

This skin is getting hotter!

[hsus]

I can recall XBMC code that already parses TVDB RGB fanart colors. Not sure if this ever worked and if it was used by a skin.

http://wiki.xbmc.org/index.php?title=Fan...for_FanArt

Never tried it tho'.

Cool, so you could just grab the colour from there (light / dark depending on theme choice) and either just use it straight as it is or do something like this
http://stackoverflow.com/questions/20337...ut-of-list
To find the nearest preset