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

    [RELEASE] Modern Theme for EmulationStation (RetroPie only)

    Scheduled Pinned Locked Moved Projects and Themes
    themerookerviktoomanyzombies
    41 Posts 16 Posters 27.6k 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.
    • RookervikR
      Rookervik Global Moderator @mattrixk
      last edited by

      @mattrixk You can actually use <size>x 0</size> or <size>0 x</size> to get images to scale to a certain size and maintain aspect. Or use a <maxSize> tag, which always keeps aspect.

      Another thing you can do, is for every game, you save a full-screen screenshot. They will all load dynamically... and with a custom theme, every game would have it's own background, box art, and everything. But holy hell, that would be a lot of work. I could try to set up a preview for a single system just for fun. See if it would crash a pi. LOL

      lilbudL mattrixkM 2 Replies Last reply Reply Quote 0
      • lilbudL
        lilbud @Rookervik
        last edited by

        @Rookervik

        See if it would crash a pi. LOL

        I'll go grab the fire extinguisher

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

        Backlog: http://backloggery.com/lilbud

        1 Reply Last reply Reply Quote 1
        • mattrixkM
          mattrixk @Rookervik
          last edited by

          @Rookervik: Yeah, I was referring to the max-size tag, but that would leave borders on either the top and bottom, or left and right of the image if the image wasn't exactly 16:9. What I would love is a min-size tag that will fill the screen and just crop off the overhang.

          If you know any CSS, I liken the max-size tag to background-size: contain;, and I'd love a min-size tag that works like background-size: cover;. Maybe it's just me.

          Does <size>x 0</size> work the same as max-width?

          for every game, you save a full-screen screenshot

          That would be a heck of a lot of work, even if you set up photoshop actions or something, especially if you have a large collection. It might be worth it if you have a special setup that has just your favourite couple of dozen games or something.

          My ES themes: MetaPixel | Spare | Io | Indent

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

            @mattrixk I can't remember how that works at the moment. maxSize is the tag, but I don't think you can use a zero in one of the parameters without crashing the theme. Since maxSize already crops it to that size while keeping the aspect.

            mattrixkM 1 Reply Last reply Reply Quote 0
            • mattrixkM
              mattrixk @Rookervik
              last edited by

              @Rookervik: I haven't had the chance to touch any theme stuff for a while. With xmas coming up I may get the opportunity to work on some stuff.

              My ES themes: MetaPixel | Spare | Io | Indent

              1 Reply Last reply Reply Quote 0
              • B
                BilboIII @Rookervik
                last edited by

                @Rookervik How do I change the background?

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

                  @BilboIII Please read the first post of the thread, it has complete instructions.

                  B 1 Reply Last reply Reply Quote 0
                  • RionR
                    Rion
                    last edited by

                    @Rookervik Have you considered adding video support?

                    FBNeo rom filtering
                    Mame2003 Arcade Bezels
                    Fba Arcade Bezels
                    Fba NeoGeo Bezels

                    1 Reply Last reply Reply Quote 0
                    • B
                      BilboIII @Rookervik
                      last edited by

                      @Rookervik I did I don't know where Samba is

                      1 Reply Last reply Reply Quote 0
                      • sergioadS
                        sergioad
                        last edited by

                        This post is deleted!
                        1 Reply Last reply Reply Quote 0
                        • BriganeB
                          Brigane
                          last edited by

                          Does anybody have any awesome background suggestions for this theme? I realize it might be easy to find on a quick google search but I thought that maybe you guys have found some unique ones.

                          Systems: Raspberry Pi 0/2/3 Model B+
                          Os: RetroPie 4.5
                          Frontend: Emulationstation & Attract Mode

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

                            @Brigane http://chromecastbg.alexmeub.com/

                            This site has the background images from the Chromecast, I use them for the modern theme...as well as wallpapers

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

                            Backlog: http://backloggery.com/lilbud

                            B 1 Reply Last reply Reply Quote 1
                            • B
                              backstander @lilbud
                              last edited by

                              @lilbud
                              Yeah the Chromecast has some really cool wallpapers but since I now have a RPi with Kodi, I haven't even plugged in my Chromecast in ages!

                              1 Reply Last reply Reply Quote 0
                              • S
                                Syhles
                                last edited by

                                @Rookervik
                                Hey I setup a Carousel for Modern if you're interested, here's some screenshots

                                http://imgur.com/sAU7ffN
                                http://imgur.com/smFdy4f
                                http://imgur.com/we3gpWO
                                http://imgur.com/3WsHwre
                                http://imgur.com/1aIdxnB
                                http://imgur.com/pRzsmWI
                                http://imgur.com/WK4tTCr

                                Sorry I'm not exactly sure how to show images.
                                I'm using IO's logos and consoles from the launchbox forum.
                                Let me know if your interested and I'll send you what I have.

                                mattrixkM 1 Reply Last reply Reply Quote 1
                                • mattrixkM
                                  mattrixk @Syhles
                                  last edited by

                                  For those too lazy to click links:
                                  alt text
                                  alt text
                                  alt text
                                  alt text
                                  alt text
                                  alt text
                                  alt text

                                  My ES themes: MetaPixel | Spare | Io | Indent

                                  S 1 Reply Last reply Reply Quote 6
                                  • S
                                    Syhles @mattrixk
                                    last edited by

                                    @mattrixk
                                    Thanks I couldn't figure out how to do that, which by the way how do you embed the links?

                                    mattrixkM 1 Reply Last reply Reply Quote 0
                                    • mattrixkM
                                      mattrixk @Syhles
                                      last edited by

                                      @Syhles If you are on desktop there is a row of icons just above the WYSIWYG (the part you type in). The 6th icon looks like a picture of a landscape. Click that button and it inserts ![alt text](image url) where your cursor is. Just paste the link to the image where it says "image url". (It has to be the image link, not the imgur page link).

                                      My ES themes: MetaPixel | Spare | Io | Indent

                                      S 1 Reply Last reply Reply Quote 0
                                      • S
                                        Syhles @mattrixk
                                        last edited by

                                        @mattrixk
                                        Thanks, so would I right click the image on imgur to get the image link?

                                        mattrixkM 1 Reply Last reply Reply Quote 0
                                        • mattrixkM
                                          mattrixk @Syhles
                                          last edited by

                                          @Syhles You can do that, or since it's your image you can go into your uploaded images section. When you click one of your images it opens in a lightbox and has a whole bunch of link options down the right hand side. You want the markdown link. Then just paste it into here (and add a "!" to the front of it).

                                          My ES themes: MetaPixel | Spare | Io | Indent

                                          S 1 Reply Last reply Reply Quote 1
                                          • S
                                            Syhles @mattrixk
                                            last edited by

                                            @mattrixk
                                            Thanks.

                                            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.