theme_or

Raw Download Revise
<!--

theme name:    Art Book Next (Batocera Edition)

author:        Anthony Caccese

contributor:   Szalik

license:       creative commons CC-BY-NC-SA

-->

<theme defaultTransition="instant">

   <formatVersion>7</formatVersion>

   <!-- User Customizations -->

   <include>${themeCustomizationsPath}theme.xml</include>

   <!-- Distribution -->

   <subset ifNotArch="handheld,rg503,rg552,rg351p,rg353p,rg351mp,rg351v,amberelec-rg503,amberelec-rg552,amberelec-rg351p,amberelec-rg353p,amberelec-rg351mp,amberelec-rg351v" name="distribution" displayName="Distribution">

      <include name="batocera" displayName="Batocera" />

      <include name="emuelec" displayName="EmuElec" />

      <include name="retrobat" displayName="RetroBat" />

   </subset>

   <!-- Variables -->

   <variables>

      <logoFont>./_inc/fonts/ChangaOne-Italic.ttf</logoFont>

      <bodyFont>./_inc/fonts/Oxygen-Bold.ttf</bodyFont>

      <spacerImage>./_inc/images/utility/space.png</spacerImage>

      <distributionPath ifSubset="distribution:batocera">~/</distributionPath>

      <distributionPath ifSubset="distribution:emuelec">~/roms/emuelec/</distributionPath>

      <distributionPath ifSubset="distribution:retrobat">~/.emulationstation/</distributionPath>

      <distributionPath ifArch="handheld,rg503,rg552,rg351p,rg353p,rg351mp,rg351v">~/roms/jelos/</distributionPath>

      <distributionPath ifArch="amberelec-rg503,amberelec-rg552,amberelec-rg351p,amberelec-rg353p,amberelec-rg351mp,amberelec-rg351v">~/roms/amberelec/</distributionPath>

      <themeCustomizationsPath>${distributionPath}theme-customizations/art-book-next/</themeCustomizationsPath>

   </variables>

   <!-- Aspect Ratio -->

   <subset name="aspect-ratio" displayName="Aspect Ratio">

      <include ifArch="rg552,amberelec-rg552" name="5-3" displayName="5:3" /> 

      <include ifArch="rg351p,amberelec-rg351p" name="3-2" displayName="3:2" />

      <include ifArch="rg353p,rg351mp,rg351v,amberelec-rg353p,amberelec-rg351mp,amberelec-rg351v" name="4-3" displayName="4:3" />

      <include ifArch="handheld,rg353p,rg503,rg552,amberelec-rg353,amberelec-rg503,amberelec-rg552" name="16-9" displayName="16:9" />

      <include ifNotArch="handheld,rg503,rg552,rg351p,rg353p,rg351mp,rg351v,amberelec-rg503,amberelec-rg552,amberelec-rg351p,amberelec-rg353p,amberelec-rg351mp,amberelec-rg351v" name="16-9" displayName="16:9" />

      <include ifNotArch="handheld,rg503,rg552,rg351p,rg353p,rg351mp,rg351v,amberelec-rg503,amberelec-rg552,amberelec-rg351p,amberelec-rg353p,amberelec-rg351mp,amberelec-rg351v" name="4-3" displayName="4:3" />

      <include ifNotArch="handheld,rg503,rg552,rg351p,rg353p,rg351mp,rg351v,amberelec-rg503,amberelec-rg552,amberelec-rg351p,amberelec-rg353p,amberelec-rg351mp,amberelec-rg351v" name="5-3" displayName="5:3" />

      <include ifNotArch="handheld,rg503,rg552,rg351p,rg353p,rg351mp,rg351v,amberelec-rg503,amberelec-rg552,amberelec-rg351p,amberelec-rg353p,amberelec-rg351mp,amberelec-rg351v" name="3-2" displayName="3:2" />

      <include ifNotArch="handheld,rg503,rg552,rg351p,rg353p,rg351mp,rg351v,amberelec-rg503,amberelec-rg552,amberelec-rg351p,amberelec-rg353p,amberelec-rg351mp,amberelec-rg351v" name="16-10" displayName="16:10" />

   </subset>

   <!-- Color Scheme -->

   <subset name="color-scheme" displayName="Color Scheme">

      <include name="art-book-next" displayName="Art Book Next">./color-scheme-art-book-next.xml</include>

      <include name="art-book" displayName="Art Book">./color-scheme-art-book.xml</include>

      <include name="snes" displayName="SNES">./color-scheme-snes.xml</include>

      <include name="famicom" displayName="Famicom">./color-scheme-famicom.xml</include>

      <include name="steam-deck" displayName="Steam Deck">./color-scheme-steam-deck.xml</include>

      <include name="custom" displayName="Custom" />

   </subset>

   <!-- Scroll Sound -->

   <subset name="scroll-sound" displayName="Scroll Sound">

      <include name="steam-deck" displayName="Steam Deck" />

      <include name="es-de" displayName="ES-DE" />

   </subset>

   <!-- Status Bar Display -->

   <subset name="status-bar" displayName="Status Bar Display">

      <include name="on" displayName="On" />

      <include name="off" displayName="Off" />

   </subset>

   <!-- System View Style -->

   <subset name="system-view" displayName="System View Style">

      <include name="centered-default" displayName="Centered + Multi Logo" />

      <include name="multi" displayName="Multi System" />

      <include name="centered-single" displayName="Centered + Single Logo" />

      <include name="no-artwork" displayName="No Artwork" />

      <include name="centered-custom" displayName="Centered + Custom Artwork" />

      <include name="fullscreen-custom" displayName="Fullscreen + Custom Artwork" />

   </subset>

   <view name="system,basic,detailed,video">

      <helpsystem name="help">

         <pos>1 1</pos>

      </helpsystem>

      <image name="logo">

         <path>./_inc/images/systems/${system.theme}.svg</path>

      </image>

      <text name="logoText">

         <fontPath>${logoFont}</fontPath>

         <forceUppercase>true</forceUppercase>

         <lineSpacing>1</lineSpacing>

         <alignment>center</alignment>

         <color>${logoTextColor}</color>

      </text>

      <image ifSubset="status-bar:on" name="status-bar" extra="true">

         <origin>1 0</origin>

         <pos>1 0</pos>

         <size ifSubset="aspect-ratio:4-3">.14 .08</size>

         <size ifSubset="aspect-ratio:5-3">.110 .08</size>

         <size ifSubset="aspect-ratio:3-2">.160 .12</size>

         <size ifSubset="aspect-ratio:16-9|16-10">.115 .08</size>

         <path>${spacerImage}</path>

         <tile>true</tile>

         <color>${systemBackgroundColor}</color>

         <zIndex>50</zIndex>

      </image>

   </view>

   <view name="system">

      <image name="background" extra="true">

         <origin>0 0</origin>

         <pos>0 0</pos>

         <size>1 1</size>

         <path>${spacerImage}</path>

         <tile>true</tile>

         <color>${systemBackgroundColor}</color>

         <zIndex>0</zIndex>

      </image>

      <carousel name="systemcarousel">

         <origin>0 0</origin>

         <pos>0 0</pos>

         <type>horizontal</type>

         <color>00000000</color>

         <size>1 1</size>

         <logoScale>2</logoScale>

         <logoSize>0.25 0.15</logoSize>

         <maxLogoCount>1.5</maxLogoCount>

         <maxLogoCount ifSubset="system-view:centered-single">1</maxLogoCount>

      </carousel>

      <text name="systemInfo">

         <pos>1 1</pos>

      </text>

      <!-- System View Mask: Centered, Centered Single System & Centered Custom -->

      <image ifSubset="system-view:centered-default|centered-single|centered-custom" name="background-art-mask" extra="true">

         <origin>0.5 0</origin>

         <pos>0.5 0</pos>

         <size>0 1</size>

         <zIndex>2</zIndex>

         <color>${systemBackgroundColor}</color>

      </image>

      <!-- System View Art: Centered, Centered Single System, Centered Custom & Fullscreen Custom -->

      <image ifSubset="system-view:centered-default|centered-single" name="background-art" extra="true">

         <origin>0.5 0.5</origin>

         <pos>0.5 0.5</pos>

         <size>0 1</size>

         <color>ffffffcc</color>

         <path>./_inc/images/systems/${system.theme}.png</path>

         <zIndex>1</zIndex>

      </image>

      <image ifSubset="system-view:centered-custom|fullscreen-custom" name="background-art" extra="true">

         <origin>0.5 0.5</origin>

         <pos>0.5 0.5</pos>

         <size>0 1</size>

         <color>ffffffcc</color>

         <path ifSubset="system-view:centered-custom">./_inc/images/systems/${system.theme}.png</path>

         <path>${themeCustomizationsPath}backgrounds/default.jpg</path>

         <path>${themeCustomizationsPath}backgrounds/default.png</path>

         <path>${themeCustomizationsPath}backgrounds/${system.theme}.jpg</path>

         <path>${themeCustomizationsPath}backgrounds/${system.theme}.png</path>

         <zIndex>1</zIndex>

      </image>

      <!-- System View: No Artwork -->

      <image ifSubset="system-view:no-artwork" name="background-art" extra="true">

         <origin>0.5 0</origin>

         <pos>0.5 0</pos>

         <size>1 1</size>

         <tile>true</tile>

         <color>${systemBackgroundColor}</color>

         <path>${spacerImage}</path>

         <zIndex>1</zIndex>

      </image>

      <!-- System View: Multi System -->

      <carousel ifSubset="system-view:multi" name="systemcarousel">

         <size>1 1</size>

         <logoScale>1</logoScale>

         <logoSize>1 1</logoSize>

         <zIndex>3</zIndex>

      </carousel>

      <image ifSubset="system-view:multi" name="logo-art" extra="true">

         <origin>0.5 0.5</origin>

         <pos>0.5 0.5</pos>

         <maxSize>0.5 0.3</maxSize>

         <color>ffffff</color>

         <path>./_inc/images/systems/${system.theme}.svg</path>

         <zIndex>50</zIndex>

      </image>

      <image ifSubset="system-view:multi" name="logo">

         <path>./_inc/images/utility/background-missing.png</path>

         <path>./_inc/images/systems/${system.theme}.png</path>

         <color>ffffffcc</color>

      </image>

   </view>

   <view name="basic,detailed,video">

      <image name="logo">

         <origin>0.5 0.5</origin>

         <color>${logoColor}</color>

         <zIndex>5</zIndex>

      </image>

      <text name="logoText">

         <origin>0.5 0.5</origin>

         <color>${logoTextColor}</color>

         <zIndex>5</zIndex>

      </text>

      <textlist name="gamelist">

         <origin>0 0</origin>

         <alignment>left</alignment>

         <fontPath>${bodyFont}</fontPath>

         <selectorColor>00000000</selectorColor>

         <selectedColor>${gamelistSelectedColor}</selectedColor>

         <primaryColor>${gamelistUnSelectedColor}</primaryColor>

         <secondaryColor>${gamelistUnSelectedColor}</secondaryColor>

         <scrollSound ifSubset="scroll-sound:es-de">./_inc/sounds/es-de/scroll.wav</scrollSound>

         <scrollSound ifSubset="scroll-sound:steam-deck">./_inc/sounds/steam-deck/scroll.wav</scrollSound>

         <zIndex>5</zIndex>

      </textlist>

      <image name="gamelist-background" extra="true">

         <origin>0 0</origin>

         <path>${spacerImage}</path>

         <tile>true</tile>

         <color>${gamelistBackgroundColor}</color>

         <zIndex>4</zIndex>

      </image>

      <image name="background" extra="true">

         <origin>0 0</origin>

         <pos>0 0</pos>

         <size>1 1</size>

         <path>${spacerImage}</path>

         <tile>true</tile>

         <color>${backgroundColor}</color>

         <zIndex>0</zIndex>

      </image>

   </view>

   <view name="detailed,video">

      <text name="md_lbl_rating,md_lbl_developer,md_developer,md_lbl_publisher,md_publisher,md_lbl_playcount,md_playcount,md_lbl_lastplayed,md_lbl_players,md_players,md_lbl_releasedate,md_lbl_genre,md_genre,md_description,md_name,md_lbl_gametime,md_gametime">

         <pos>1 1</pos>

         <fontPath>${bodyFont}</fontPath>

         <alignment>left</alignment>

      </text>

      <text name="md_genre,md_lbl_players,md_players">

         <color>${metadataColor}</color>

      </text>

      <text name="md_description">

         <color>${descriptionColor}</color>

      </text>

      <text name="md_lbl_lastplayed,md_lbl_playcount,md_playcount,md_lbl_developer,md_developer,md_lbl_publisher,md_publisher,md_lbl_gametime,md_gametime">

         <color>${metadataColor}</color>

      </text>

      <datetime name="md_releasedate,md_lastplayed">

         <pos>1 1</pos>

         <fontPath>${bodyFont}</fontPath>

         <color>${metadataColor}</color>

         <alignment>left</alignment>

      </datetime>

      <rating name="md_rating">

         <pos>1 1</pos>

         <color>${ratingColor}</color>

      </rating>

   </view>

   <view name="video">

      <video name="md_video">

         <origin>0.5 0.5</origin>

         <delay>2</delay>

         <effect>none</effect>

         <showSnapshotDelay>true</showSnapshotDelay>

         <showSnapshotNoVideo>true</showSnapshotNoVideo>

         <zIndex>1</zIndex>

      </video>

   </view>

   <view name="menu">

      <menuText name="menutitle">

         <fontPath>${bodyFont}</fontPath>

         <fontSize>0.04</fontSize>

         <color>ffffff</color>

      </menuText>

      <menuText name="menufooter">

         <fontPath>${bodyFont}</fontPath>

         <fontSize>0.025</fontSize>

         <color>777777ff</color>

      </menuText>

      <menuText name="menutext">

         <fontPath>${bodyFont}</fontPath>

         <fontSize>0.035</fontSize>

         <color>777777</color>

         <separatorColor>111111</separatorColor>

         <selectorColor>555555</selectorColor>

         <selectedColor>ffffff</selectedColor>

      </menuText>

      <menuTextSmall name="menutextsmall">

         <fontPath>${bodyFont}</fontPath>

         <fontSize>0.0325</fontSize>

         <color>777777</color>

      </menuTextSmall>

      <menuGroup name="menugroup">

         <fontPath>${bodyFont}</fontPath>

         <fontSize>0.0325</fontSize>

         <color>ffffff</color>

         <separatorColor>999999</separatorColor>

         <backgroundColor>00000000</backgroundColor>

         <lineSpacing>2.5</lineSpacing>

      </menuGroup>

      <menuBackground name="menubg">

         <color>111111</color>

         <cornerSize>20 20</cornerSize>

      </menuBackground>

   </view>

   <view name="screen">

      <text name="clock">

         <pos>1 1</pos>

      </text>

      <batteryIndicator name="batteryIndicator">

         <color>ffffff99</color>

         <itemSpacing>0</itemSpacing>

      </batteryIndicator>

      <batteryIndicator ifSubset="aspect-ratio:5-3|16-9|16-10" name="batteryIndicator">

         <pos>0.022 0.011</pos>

         <pos ifSubset="status-bar:off">1 1</pos>

         <size ifSubset="aspect-ratio:5-3">0.969981238273921 0.046875</size><!-- 1862.36397748592832 54 - sized off of 1920x1152 to make the icon clear -->

         <size ifSubset="aspect-ratio:16-9|16-10">0.969981238273921 0.05</size><!-- 1862.36397748592832 54 - sized off of 1920x1080 to make the icon clear -->

         <full>./_inc/images/utility/icons/bigscreen/battery-100-vertical.svg</full>

         <at75>./_inc/images/utility/icons/bigscreen/battery-75-vertical.svg</at75>

         <at50>./_inc/images/utility/icons/bigscreen/battery-50-vertical.svg</at50>

         <at25>./_inc/images/utility/icons/bigscreen/battery-25-vertical.svg</at25>

         <empty>./_inc/images/utility/icons/bigscreen/battery-0-vertical.svg</empty>

         <incharge>./_inc/images/utility/icons/bigscreen/battery-charging-vertical.svg</incharge>

         <networkIcon>./_inc/images/utility/icons/bigscreen/wifi-vertical.svg</networkIcon>

      </batteryIndicator>

      <batteryIndicator ifSubset="aspect-ratio:3-2|4-3" name="batteryIndicator">

         <pos ifSubset="aspect-ratio:3-2">0.016666666666667 0.025</pos>

         <size ifSubset="aspect-ratio:3-2">0.966666666666667 0.0625</size><!-- 464 20 - sized off of 480x320 to make the icon clear -->

         <pos ifSubset="aspect-ratio:4-3">0.036 0.012</pos>

         <size ifSubset="aspect-ratio:4-3">0.953125 0.05</size><!-- 610 24 - sized off of 640x480 to make the icon clear -->

         <pos ifSubset="status-bar:off">1 1</pos>

         <full>./_inc/images/utility/icons/tinyscreen/battery-100-vertical.svg</full>

         <at75>./_inc/images/utility/icons/tinyscreen/battery-75-vertical.svg</at75>

         <at50>./_inc/images/utility/icons/tinyscreen/battery-50-vertical.svg</at50>

         <at25>./_inc/images/utility/icons/tinyscreen/battery-25-vertical.svg</at25>

         <empty>./_inc/images/utility/icons/tinyscreen/battery-0-vertical.svg</empty>

         <incharge>./_inc/images/utility/icons/tinyscreen/battery-charging-vertical.svg</incharge>

         <networkIcon>./_inc/images/utility/icons/tinyscreen/wifi-vertical.svg</networkIcon>

      </batteryIndicator>

      <controllerActivity name="controllerActivity">

         <visible>false</visible>

      </controllerActivity>

   </view>

   <!-- Aspect Ratio -->

   <include ifSubset="aspect-ratio:16-9">./aspect-ratio-16-9.xml</include>

   <include ifSubset="aspect-ratio:4-3">./aspect-ratio-4-3.xml</include>

   <include ifSubset="aspect-ratio:5-3">./aspect-ratio-5-3.xml</include>

   <include ifSubset="aspect-ratio:3-2">./aspect-ratio-3-2.xml</include>

   <include ifSubset="aspect-ratio:16-10">./aspect-ratio-16-10.xml</include>

   <!-- User Customizations -->

   <include>${themeCustomizationsPath}theme.xml</include>

</theme>