RetroPie forum home
    • Recent
    • Tags
    • Popular
    • Home
    • Docs
    • Register
    • Login

    Material Theme

    Scheduled Pinned Locked Moved Projects and Themes
    90 Posts 11 Posters 58.3k Views
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • lilbudL
      lilbud
      last edited by

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

      Creator of the Radiocade: https://retropie.org.uk/forum/topic/6077/radiocade

      Backlog: http://backloggery.com/lilbud

      1 Reply Last reply Reply Quote 0
      • lilbudL
        lilbud
        last edited by lilbud

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

        alt text

        Creator of the Radiocade: https://retropie.org.uk/forum/topic/6077/radiocade

        Backlog: http://backloggery.com/lilbud

        caver01C 1 Reply Last reply Reply Quote 0
        • caver01C
          caver01 @lilbud
          last edited by

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

          My 4-player cocktail style cabinet built as a custom "roadcase"

          1 Reply Last reply Reply Quote 0
          • lilbudL
            lilbud
            last edited by lilbud

            @caver01 It should be fixed now.

            Creator of the Radiocade: https://retropie.org.uk/forum/topic/6077/radiocade

            Backlog: http://backloggery.com/lilbud

            caver01C 1 Reply Last reply Reply Quote 0
            • caver01C
              caver01 @lilbud
              last edited by

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

              My 4-player cocktail style cabinet built as a custom "roadcase"

              1 Reply Last reply Reply Quote 0
              • lilbudL
                lilbud
                last edited by

                That is what I just did to the repository.

                Creator of the Radiocade: https://retropie.org.uk/forum/topic/6077/radiocade

                Backlog: http://backloggery.com/lilbud

                1 Reply Last reply Reply Quote 0
                • lilbudL
                  lilbud
                  last edited by

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

                  Creator of the Radiocade: https://retropie.org.uk/forum/topic/6077/radiocade

                  Backlog: http://backloggery.com/lilbud

                  1 Reply Last reply Reply Quote 0
                  • pompitousofsethP
                    pompitousofseth
                    last edited by

                    Any chance of adding virtualboy to your theme?

                    lilbudL 1 Reply Last reply Reply Quote 0
                    • lilbudL
                      lilbud @pompitousofseth
                      last edited by

                      @pompitousofseth I'll try

                      Creator of the Radiocade: https://retropie.org.uk/forum/topic/6077/radiocade

                      Backlog: http://backloggery.com/lilbud

                      pompitousofsethP 1 Reply Last reply Reply Quote 0
                      • pompitousofsethP
                        pompitousofseth @lilbud
                        last edited by

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

                        lilbudL 1 Reply Last reply Reply Quote 0
                        • lilbudL
                          lilbud @pompitousofseth
                          last edited by

                          @pompitousofseth Done and Done, update from setup script

                          Creator of the Radiocade: https://retropie.org.uk/forum/topic/6077/radiocade

                          Backlog: http://backloggery.com/lilbud

                          pompitousofsethP 1 Reply Last reply Reply Quote 0
                          • pompitousofsethP
                            pompitousofseth @lilbud
                            last edited by

                            @lilbud Thanks again!

                            1 Reply Last reply Reply Quote 0
                            • lilbudL
                              lilbud
                              last edited by

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

                              0_1479780824277_Material 2.0.png

                              If anyone has ideas, let them be heard.

                              Creator of the Radiocade: https://retropie.org.uk/forum/topic/6077/radiocade

                              Backlog: http://backloggery.com/lilbud

                              pompitousofsethP 1 Reply Last reply Reply Quote 0
                              • pompitousofsethP
                                pompitousofseth @lilbud
                                last edited by

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

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

                                herb_fargusH 1 Reply Last reply Reply Quote 0
                                • herb_fargusH
                                  herb_fargus administrators @pompitousofseth
                                  last edited by

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

                                  If you read the documentation it will answer 99% of your questions: https://retropie.org.uk/docs/

                                  Also if you want a solution to your problems read this first: https://retropie.org.uk/forum/topic/3/read-this-first

                                  pompitousofsethP RookervikR 2 Replies Last reply Reply Quote 0
                                  • pompitousofsethP
                                    pompitousofseth @herb_fargus
                                    last edited by

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

                                    1 Reply Last reply Reply Quote 0
                                    • RookervikR
                                      Rookervik Global Moderator @herb_fargus
                                      last edited by

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

                                      herb_fargusH 1 Reply Last reply Reply Quote 0
                                      • RookervikR
                                        Rookervik Global Moderator
                                        last edited by 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.

                                        lilbudL 1 Reply Last reply Reply Quote 0
                                        • herb_fargusH
                                          herb_fargus administrators @Rookervik
                                          last edited by

                                          @Rookervik from the ES theme master himself!

                                          If you read the documentation it will answer 99% of your questions: https://retropie.org.uk/docs/

                                          Also if you want a solution to your problems read this first: https://retropie.org.uk/forum/topic/3/read-this-first

                                          1 Reply Last reply Reply Quote 0
                                          • lilbudL
                                            lilbud @Rookervik
                                            last edited by

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

                                            Creator of the Radiocade: https://retropie.org.uk/forum/topic/6077/radiocade

                                            Backlog: http://backloggery.com/lilbud

                                            RookervikR 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Contributions to the project are always appreciated, so if you would like to support us with a donation you can do so here.

                                            Hosting provided by Mythic-Beasts. See the Hosting Information page for more information.