Material Theme

[lilbud]

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

If anyone has ideas, let them be heard.

[pompitousofseth]

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

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

[herb_fargus]

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

[pompitousofseth]

@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]

@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]

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.

[herb_fargus]

@Rookervik from the ES theme master himself!

[lilbud]

@Rookervik Is there a way to call the individual system logo from the main theme.xml?

Like this...

        <image name="logo">
		<pos>0.600 0.057</pos>
		<maxSize>0.26 0.1</maxSize>
		<path>./system.svg</path>
	</image>

[Rookervik]

@lilbud Nope, but you can define everything for that logo, then call for the path of the logo in the theme.xml.

Pixel and Modern do this:

In the main xml, you set positions for EVERYTHING. Font for everything, colors... set up the entire theme here in the main xml. So calling for your image would be

main.xml:

        <image name="logo">
		<pos>0.600 0.057</pos>
		<maxSize>0.26 0.1</maxSize>
		<color>ffffffff</color>
	</image>

And then the individual theme.xmls would pretty much ONLY have links to images...

theme.xml:

        <image name="logo">
                <path>./system.svg</path>
	</image>

Since the theme.xml calls for the use of main.xml (up at the top) both xmls are basically combined. Favoring the theme.xml over the main.xml in disputes.

[lilbud]

Been working on something new, thought everyone would like to see.

[pompitousofseth]

@lilbud looks awesome!

[Rookervik]

That's pretty unique! Where is the gamelist going to go?

[lilbud]

@Rookervik I was planning to make the title the game list. I could not find a way to fit a game list in there and make it look presentable. Have any ideas?

[lilbud]

So I have been juggling some ideas around for the last few months, here is one of them.

[sergioad]

Hi, just reporting that the white text on the Virtual voy game list is not there

[jakong008]

This a neat theme, but unfortunately I can't create a runcommand theme for nds. Is anyone able to achieve what I'm trying?