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

    [Theme] Art Book

    Scheduled Pinned Locked Moved Projects and Themes
    themethemesthemes with vidtheming
    384 Posts 72 Posters 231.9k 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.
    • alphatoanantA
      alphatoanant @agboju_logun
      last edited by

      Thank you @agboju_logun! I'll start looking at editing the openbor logo and will post something in the next few days. I should be able to edit the raw SVG from that thread to convert colors and things.

      My RetroPie Themes:
      Art Book https://github.com/anthonycaccese/es-theme-art-book
      Art Book Next https://github.com/anthonycaccese/art-book-next-retropie
      TFT https://github.com/anthonycaccese/es-theme-tft

      agboju_logunA 1 Reply Last reply Reply Quote 0
      • agboju_logunA
        agboju_logun @alphatoanant
        last edited by

        @alphatoanant that would be great, mate... thanks very much!

        alphatoanantA 1 Reply Last reply Reply Quote 0
        • alphatoanantA
          alphatoanant @agboju_logun
          last edited by

          @agboju_logun I had time on my commute today and committed an initial take of the theme and system logo to github (its in /es-theme-art-book/tree/master/openbor).

          I edited the raw SVG from the thread you linked, removed colors and cleaned up paths so that it would sit well on a clean dark background. Let me know how it looks on your end and I can make tweaks no problem.

          As far as theme layout - I kept it at default as I am not sure yet how OpenBOR metadata and images are sized. Default is pretty good from a general perspective so it could be ok but glad to make tweaks too.

          Thank you @darknior for creating the initial OpenBOR svg - I'll make sure to give you credit in theme readme.

          My RetroPie Themes:
          Art Book https://github.com/anthonycaccese/es-theme-art-book
          Art Book Next https://github.com/anthonycaccese/art-book-next-retropie
          TFT https://github.com/anthonycaccese/es-theme-tft

          agboju_logunA 2 Replies Last reply Reply Quote 1
          • agboju_logunA
            agboju_logun @alphatoanant
            last edited by

            @alphatoanant brill mate, thank you... i’ll nab a copy next time i get on my pc

            1 Reply Last reply Reply Quote 1
            • agboju_logunA
              agboju_logun @alphatoanant
              last edited by

              @alphatoanant yup, that is looking swee-eet... good skills sir!

              alphatoanantA 1 Reply Last reply Reply Quote 1
              • alphatoanantA
                alphatoanant @agboju_logun
                last edited by

                @agboju_logun awesome! Glad to hear it worked out. I'll update the other artbook versions with it over the weekend.

                My RetroPie Themes:
                Art Book https://github.com/anthonycaccese/es-theme-art-book
                Art Book Next https://github.com/anthonycaccese/art-book-next-retropie
                TFT https://github.com/anthonycaccese/es-theme-tft

                1 Reply Last reply Reply Quote 1
                • ande.rochaA
                  ande.rocha Banned
                  last edited by ande.rocha

                  Hello everyone, everything good?
                  I found some images of consoles and thought about using this theme as a selection of systems, however when I applied, I noticed that there is a certain limitation of width and height for image ... could anyone help me to adjust so that it is possible to use the images in attachment?

                  Images: https://imgur.com/a/pVs08Nc

                  ande.rochaA 1 Reply Last reply Reply Quote 0
                  • ande.rochaA
                    ande.rocha Banned @ande.rocha
                    last edited by

                    @alphatoanant could you help me?

                    1 Reply Last reply Reply Quote 0
                    • F
                      flaviometal @EvilDindon
                      last edited by

                      @EvilDindon , where do I go to change this underline color to red? Also, do you know where to go to make that "XXX GAMES AVAILABLE" font bigger? I'm using Retropie on a old CRT TV, and that text its too small to read. Thanks!

                      1 Reply Last reply Reply Quote 0
                      • W
                        wwsnkneo
                        last edited by

                        It's me or sometimes the ratings don't show correctly? I'm using the theme with Retroarch and emulationstation.

                        1 Reply Last reply Reply Quote 0
                        • SpheronautS
                          Spheronaut
                          last edited by

                          @alphatoanant I read how i can change the background for the System view, but I would like to add an individual background for every system. Thanks for your help!

                          alphatoanantA 1 Reply Last reply Reply Quote 0
                          • alphatoanantA
                            alphatoanant @Spheronaut
                            last edited by

                            Hi @Spheronaut, in the theme.xml at the root there is a section like this...

                            <feature supported="carousel">
                                  <view name="system">
                                     <carousel name="systemcarousel">
                                        <type>horizontal</type>
                                        <color>14141400</color>
                                        <logoScale>1.9</logoScale>
                                        <logoSize>0.15625 0.097222222222222</logoSize>
                                     </carousel>
                                     <text name="systemInfo">
                                        <backgroundColor>14141400</backgroundColor>
                                        <color>666666</color>
                                        <fontPath>./_inc/fonts/Cabin-Bold.ttf</fontPath>
                                        <fontSize>0.0222222222222222</fontSize>
                                     </text>
                                     <image name="system-border" extra="true">
                                        <origin>0.5 0</origin>
                                        <pos>0.5 0.62</pos>
                                        <size>0.25 0.0027777777777778</size>
                                        <path>./_inc/images/space.png</path>
                                        <color>444444</color>
                                     </image>
                                     <text name="logoText">
                                        <fontPath>./_inc/fonts/ChangaOne-Italic.ttf</fontPath>
                                        <color>cccccc</color>
                                        <forceUppercase>true</forceUppercase>
                                     </text>
                                     <!--<image name="artwork" extra="true">
                                        <origin>0.5 0.5</origin>
                                        <pos>0.5 0.5</pos>
                                        <size>0.3 0</size>
                                        <path>./${system.theme}/_inc/art.svg</path>
                                     </image>-->
                                  </view>
                               </feature>
                            

                            See the commented out portion - <image name="artwork">?

                            <image name="artwork" extra="true">
                             <origin>0.5 0.5</origin>
                             <pos>0.5 0.5</pos>
                             <size>0.3 0</size>
                             <path>./${system.theme}/_inc/art.svg</path>
                            </image>
                            

                            That's where I am experimenting with adding system art on the carousel in system view. You may be able to adapt that to your needs by changing the pos, origin and size properties to fit your artwork design.

                            Also check out the path property - see how it has the variable ${system.theme} in it? That variable allows you to make this change in one place in theme.xml and then add your artwork in the corresponding system theme folder (emulation station will handle the mapping automatically). For example if its artwork for NES emulation station will see ./${system.theme}/_inc/art.svg and map it behind the scenes to ./nes/_inc/art.svg. So keep that variable in place and then add your artwork to the corresponding system folder.

                            Let me know if this helps!

                            My RetroPie Themes:
                            Art Book https://github.com/anthonycaccese/es-theme-art-book
                            Art Book Next https://github.com/anthonycaccese/art-book-next-retropie
                            TFT https://github.com/anthonycaccese/es-theme-tft

                            SpheronautS 2 Replies Last reply Reply Quote 1
                            • SpheronautS
                              Spheronaut @alphatoanant
                              last edited by

                              @alphatoanant Thanks for that amazingly fast help! I already tried to get it done by adding a new "background command" to the theme.xml (in each system). That worked but also changed the background in the detailed view/gamelist to that background instead of the blank grey background.

                              I will try your solution and give you feedback.
                              Does your way also change the background in the detail view (gamelist) or really just the background for each system/collection in the carousel? (I'm really new to this. Thanks for your time and for this amazing theme you did!)

                              1 Reply Last reply Reply Quote 0
                              • SpheronautS
                                Spheronaut @alphatoanant
                                last edited by

                                @alphatoanant Your solution worked well for me.
                                Can you also tell me which part of the code I need to tweak to set an individual background to the gamelist? (the screen after a player chose the system/collection)

                                If you are interested I share some pics of my modified theme later.

                                alphatoanantA 1 Reply Last reply Reply Quote 0
                                • alphatoanantA
                                  alphatoanant @Spheronaut
                                  last edited by

                                  @Spheronaut to add custom background images to basic/detail/video view check out this section of theme.xml

                                  <view name="system,basic,detailed,video">
                                        <helpsystem name="help">
                                           <pos>1 1</pos>
                                        </helpsystem>
                                        <image name="background" extra="true">
                                           <tile>true</tile>
                                           <origin>0 0</origin>
                                           <pos>0 0</pos>
                                           <size>1 1</size>
                                           <path>./_inc/images/space.png</path>
                                           <color>141414</color>
                                        </image>
                                     </view>
                                  

                                  See the <image name="background" extra="true"> property?

                                  What you'll likely have to do take that property and its setting and add it to this section of theme.xml..

                                  <view name="basic,detailed,video">
                                  <!-- add in here along side other properties -->
                                  </view>
                                  

                                  The rationale for that is you want the background on system view to remain as the dark gray and then you would override the setting on basic,detail,video only

                                  Let me know if that helps you get started. If you have questions on the properties under the image background node I am glad to help with those too.

                                  My RetroPie Themes:
                                  Art Book https://github.com/anthonycaccese/es-theme-art-book
                                  Art Book Next https://github.com/anthonycaccese/art-book-next-retropie
                                  TFT https://github.com/anthonycaccese/es-theme-tft

                                  1 Reply Last reply Reply Quote 0
                                  • P
                                    peligwe
                                    last edited by

                                    Love the theme and planning on rescrapping all my games now that I have seen all the great features included. To that end, was wondering if you could add another system:

                                    PSP Minins

                                    1 Reply Last reply Reply Quote 0
                                    • alphatoanantA
                                      alphatoanant
                                      last edited by

                                      @peligwe yes that should be possible. Wondering what folder name would make sense for this. Is there one defined for psp minis already that I could use? (something like "psp-minis")

                                      Created a quick logo this morning using online references
                                      system.png

                                      My RetroPie Themes:
                                      Art Book https://github.com/anthonycaccese/es-theme-art-book
                                      Art Book Next https://github.com/anthonycaccese/art-book-next-retropie
                                      TFT https://github.com/anthonycaccese/es-theme-tft

                                      1 Reply Last reply Reply Quote 0
                                      • P
                                        peligwe
                                        last edited by peligwe

                                        Looking good, looking great! Eager for the final result. Based on the feedback from launchingimage.s, there was no 'theme.xml' file, so I guess no 'psp-minis' folder.

                                        Now that I've thrown a new request into the bucket, I noticed something odd about the PSP logo. It has the registered trademark stamp. Is that required to use the logo or was it something you decided to keep?

                                        I only ask because you did all the theme work, not them.

                                        1 Reply Last reply Reply Quote 0
                                        • alphatoanantA
                                          alphatoanant
                                          last edited by

                                          Hi @peligwe, I just committed an update to the repo to add the custom theme for pspminis: https://github.com/anthonycaccese/es-theme-art-book/commit/6f5ca8924bdbb8e012406edd5cbe0db39d533835

                                          I wasn't able to find a good reference point for the boxart orientation. So for now I matched the psp theme layout (which uses portrait orientation for boxart). Let me know how that looks on your end.

                                          My RetroPie Themes:
                                          Art Book https://github.com/anthonycaccese/es-theme-art-book
                                          Art Book Next https://github.com/anthonycaccese/art-book-next-retropie
                                          TFT https://github.com/anthonycaccese/es-theme-tft

                                          1 Reply Last reply Reply Quote 2
                                          • P
                                            peligwe
                                            last edited by

                                            Just updated theme today, looks great!!! And I also see you removed the trademark stamp. Thumbs up!!!

                                            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.