[Theme] Art Book

HurricaneFan

@ande-rocha Yeah you could, you just need to tweak the xml.

alphatoanant

Check out these blocks in the XML:

This one controls the background defaults for all views

<view name="system,basic,detailed,video">
 ...
 <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>

And this one sets an override for the detail and video views

<view name="detailed,video">
 ...
 <image name="background" extra="true">
  <color>cccccc</color>
 </image>
 ...
</view>

There are a few ways you can approach an update to get what you are looking for I think.

For example:

Change the "<view name="system,basic,detailed,video">" to just "system" and add the image you are looking for there
then add a new background definition under "<view name="basic,detailed,video">" and copy the previous background color settings there

Let me know if that helps

fastpop72

Thanks for this great theme.
These days i will pass my retropie installation on a bartop with a 4:3 monitor that display a resolution of 1280x1024.
The 4:3 theme doesn't support well this resolution, the Launch & Favorite for example are truncated.
Someone could tell me which xml files i have to edit to move some of the blocks?

Thorr69

@fastpop72 Just to keep it straight, 1280x1024 is a 5:4 aspect ratio which is why the 4:3 doesn't quite work.

rand0m

@alphatoanant Hi, great minimal theme. If you permit I would love to use the gamelist view in an attract-mode theme. I will of-course give proper credit and link to your original work. Thanks

alphatoanant

@rand0m yes of course, thank you for doing a port of this! If there is anything I can help with please let me know.

rand0m

@alphatoanant said in [Theme] Art Book:

@rand0m yes of course, thank you for doing a port of this! If there is anything I can help with please let me know.

Thanks a lot!

agboju_logun

absolutely loving this theme, less is defo more :D good work alphatoanant

would there be any chance of getting an openbor system added please? i have had a go myself... added an openbor folder and converted the logo .svg (which i nabbed from the first post in this thread) into a monochrome .png. it's working, i've got an openbor system with the logo displayed which is cool but the .png is pretty pixelated and doesn't look great compared to your logos. (i tried a few different online .svg converters before resorting to converting the logo to a .png)

i've also tweaked the background colour on the system selection on my setup to make the background black (000000) instead of dark grey (141414), looks ace... the system logos really pop out.

cheers!

alphatoanant

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.

agboju_logun

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

alphatoanant

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

agboju_logun

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

agboju_logun

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

alphatoanant

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

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

@alphatoanant could you help me?

flaviometal

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

wwsnkneo

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

Spheronaut

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

alphatoanant

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!