Material Theme

caver01 · 28 Jun 2016, 03:49

@lilbud Ok. Cool. I will update. Thanks!

Somebody · 29 Jun 2016, 03:06

@lilbud said in Material Theme:

I just love material design, like what Google does with Android

It totally looks like a google type thing. Except for the font.

lilbud · 29 Jun 2016, 03:37

The font in the gamelists is Roboto, the same used by google for android.

lilbud · 7 Oct 2016, 21:17

Working on an update for the Material Theme. Is there anything you would like to see added?

caver01 · 10 Jul 2016, 23:26

@lilbud When I tried it, I noticed that the gamelist artwork (for me, that's primarily arcade game snaps) doesn't always have the correct aspect ratio. A vertical game is stretched to fill the same dimensions as a horizontal game. It would be an improvement if the AR of the image was preserved, and it stretched to fit (not to fill) the available space for that element, centered.

It's a small thing, but since you are asking. . .

By the way, I really like Material Theme for it's simplicity and completeness.

lilbud · 7 Nov 2016, 00:43

@caver01 It should be fixed now.

caver01 · 10 Jul 2016, 23:53

@lilbud Cool! I was just playing with some of the files and noticed <size> vs. <maxSize>. I did a little test with Arcade by changing the size tag to maxSize and that seemed to do the trick. It felt like I was specifying the constrained maximums rather than the dimensions of the image outright. Was I on the right track? I haven't done any theme editing. . . yet!

lilbud · 11 Jul 2016, 00:56

That is what I just did to the repository.

lilbud · 11 Jul 2016, 03:28

Theme has been updated, Dark background, and gamelist selector matches header and footer

pompitousofseth · 2 Oct 2016, 13:56

Any chance of adding virtualboy to your theme?

lilbud · 2 Oct 2016, 14:06

@pompitousofseth I'll try

pompitousofseth · 2 Oct 2016, 14:12

@lilbud thanks! I tried editing the .svg files myself but I don't know what I'm doing when it comes to advanced imaging software. Take your time. No rush.

lilbud · 2 Oct 2016, 14:34

@pompitousofseth Done and Done, update from setup script

pompitousofseth · 2 Oct 2016, 14:57

@lilbud Thanks again!

lilbud · 22 Nov 2016, 02:14

Thinking of a redesign of the material theme, got this so far.

If anyone has ideas, let them be heard.

pompitousofseth · 22 Nov 2016, 03:41

@lilbud maybe add extra rectangles to the boxes for shadows?

https://material.google.com/material-design/elevation-shadows.html#elevation-shadows-shadows

herb_fargus · 22 Nov 2016, 03:42

@pompitousofseth it's a tightrope to walk with the VRAM on the pi

pompitousofseth · 22 Nov 2016, 03:46

@herb_fargus @lilbud if it's too much strain on the vram the shadows could be incorporated into the white background and they would be one static image.

Rookervik · 22 Nov 2016, 04:04

@herb_fargus VRAM won't be an issue on the shadows. If he's using a 1 pixel PNG for the colored boxes, he'd just put another instance of the image, tint it black, and set the opacity to 50% or lower. Actually won't take any additional VRAM. You could also create this whole theme with a single 320x196 (or something) PNG image with transparency. Runs incredibly fast, takes little VRAM, stretches sharp, and no need to fiddle with placement of elements. That's what I use on the Modern theme and the Luminous theme to an extent.

Rookervik · 22 Nov 2016, 04:09

Try this image as the background, lilbud: BG Image

And tint it: 019546 with the <color> tag.

The shadows should stay black and transparent, while the white part will take on the tint you apply to it. Be sure to stretch the image to full screen. The image is less than 1kb, and smaller than what I use in Pixel. And pixel is faaaast.