<!--
    Slate for EmulationStation Desktop Edition (slate-DE)
    Author: Leon Styhre
    License: Creative Commons CC-BY-NC-SA
    Based on: recalbox-multi by the Recalbox community
-->

<theme>
    <include>./navigationsounds.xml</include>

    <variant name="darkMode, darkModeNoVideos">
        <include>./colors_dark.xml</include>
    </variant>

    <variant name="lightMode, lightModeNoVideos">
        <include>./colors_light.xml</include>
    </variant>

    <!-- Temporary location during theme engine testing, should be moved to colors_dark.xml -->
    <variant name="darkMode, darkModeNoVideos">
        <view name="system">
            <carousel name="system_carousel">
                <color>747474D8</color>
                <textColor>F0F0F0</textColor>
            </carousel>
        </view>
        <view name="gamelist">
            <textlist name="gamelist_textlist">
                <selectorColor>161616</selectorColor>
                <selectedColor>AFAFAF</selectedColor>
                <primaryColor>000000</primaryColor>
                <secondaryColor>333333</secondaryColor>
            </textlist>
        </view>
    </variant>

    <!-- Temporary location during theme engine testing, should be moved to colors_light.xml -->
    <variant name="lightMode, lightModeNoVideos">
        <view name="system">
            <carousel name="system_carousel">
                <textColor>262626</textColor>
            </carousel>
        </view>
        <view name="gamelist">
            <textlist name="gamelist_textlist">
                <selectorColor>262626</selectorColor>
                <selectedColor>9F9F9F</selectedColor>
                <primaryColor>262626</primaryColor>
                <secondaryColor>4D4D4D</secondaryColor>
            </textlist>
        </view>
    </variant>

    <variant name="darkMode, darkModeNoVideos, lightMode, lightModeNoVideos">
        <view name="system">
            <carousel name="system_carousel">
                <pos>0 0.383796</pos>
                <size>1 0.232407</size>
                <type>horizontal</type>
                <staticItem>./${system.theme}/images/logo.svg</staticItem>
                <maxItemCount>3</maxItemCount>
                <itemSize>0.25 0.125</itemSize>
                <itemScale>1.23</itemScale>
                <itemInterpolation>linear</itemInterpolation>
                <unfocusedItemOpacity>0.5</unfocusedItemOpacity>
                <text>${system.fullName}</text>
                <fontPath>./core/fonts/Exo2-RegularCondensed.otf</fontPath>
                <fontSize>0.055</fontSize>
                <letterCase>uppercase</letterCase>
                <lineSpacing>1.2</lineSpacing>
            </carousel>
            <text name="game_counter">
                <pos>0.5 0.6437</pos>
                <size>1 0.056</size>
                <origin>0.5 0.5</origin>
                <systemdata>gamecount</systemdata>
                <fontPath>./core/fonts/Exo2-RegularCondensed.otf</fontPath>
                <fontSize>0.035</fontSize>
                <horizontalAlignment>center</horizontalAlignment>
                <letterCase>uppercase</letterCase>
                <zIndex>50</zIndex>
            </text>
        </view>
        <view name="gamelist">
            <textlist name="gamelist_textlist">
                <pos>0.025 0.201</pos>
                <size>0.39 0.711</size>
                <fontPath>./core/fonts/Exo2-BoldCondensed.otf</fontPath>
                <fontSize>0.025</fontSize>
                <horizontalAlignment>left</horizontalAlignment>
                <horizontalMargin>0.01</horizontalMargin>
                <letterCase>uppercase</letterCase>
                <indicators>symbols</indicators>
                <collectionIndicators>symbols</collectionIndicators>
            </textlist>
        </view>
    </variant>

    <view name="system, gamelist">
        <image name="background">
            <pos>0 0</pos>
            <size>1 1</size>
            <path>./core/images/background.png</path>
            <tile>true</tile>
            <zIndex>0</zIndex>
        </image>
        <image name="band1">
            <pos>0.80 0</pos>
            <size>0.03 1</size>
            <path>./core/images/band.png</path>
            <zIndex>5</zIndex>
        </image>
        <image name="band2">
            <pos>0.829 0</pos>
            <size>0.03 1</size>
            <path>./core/images/band.png</path>
            <zIndex>5</zIndex>
        </image>
        <image name="band3">
            <pos>0.858 0</pos>
            <size>0.03 1</size>
            <path>./core/images/band.png</path>
            <zIndex>5</zIndex>
        </image>
        <image name="band4">
            <pos>0.887 0</pos>
            <size>0.03 1</size>
            <path>./core/images/band.png</path>
            <zIndex>5</zIndex>
        </image>
    </view>

    <view name="system">
        <image name="consolegame">
            <pos>0.02 0.327</pos>
            <maxSize>0.4 0.28</maxSize>
            <origin>0 1</origin>
        </image>
        <image name="controller">
            <pos>0.78 0.327</pos>
            <maxSize>0.12 0.28</maxSize>
            <origin>1 1</origin>
        </image>
        <text name="info1, info2, info3, info4, info5, info6, info7, info8, info9, info10">
            <size>0.4 0.03</size>
            <fontPath>./core/fonts/Exo2-SemiBoldCondensed.otf</fontPath>
            <fontSize>0.021</fontSize>
            <horizontalAlignment>left</horizontalAlignment>
        </text>
        <text name="info1">
            <pos>0.38 0.695</pos>
        </text>
        <text name="info2">
            <pos>0.38 0.716</pos>
        </text>
        <text name="info3">
            <pos>0.38 0.737</pos>
        </text>
        <text name="info4">
            <pos>0.38 0.758</pos>
        </text>
        <text name="info5">
            <pos>0.38 0.799</pos>
        </text>
        <text name="info6">
            <pos>0.38 0.820</pos>
        </text>
        <text name="info7">
            <pos>0.38 0.841</pos>
        </text>
        <text name="info8">
            <pos>0.38 0.862</pos>
        </text>
        <text name="info9">
            <pos>0.38 0.883</pos>
        </text>
        <text name="info10">
            <pos>0.38 0.904</pos>
        </text>
    </view>

    <view name="gamelist">
        <image name="consolegame">
            <pos>0.02 0.17</pos>
            <maxSize>0.4 0.15</maxSize>
            <origin>0 1</origin>
        </image>
        <image name="logo">
            <pos>0.78 0.17</pos>
            <maxSize>0.32 0.13</maxSize>
            <origin>1 1</origin>
        </image>
        <image name="backframe2">
            <pos>0.02 0.19</pos>
            <size>0.4 0.735</size>
            <path>./core/images/frame.png</path>
            <zIndex>10</zIndex>
        </image>
        <image name="backframe3">
            <pos>0.44 0.19</pos>
            <size>0.54 0.735</size>
            <path>./core/images/frame.png</path>
            <zIndex>10</zIndex>
        </image>
        <text name="md_lbl_releasedate, md_lbl_developer, md_lbl_publisher,
                    md_lbl_genre, md_lbl_players, md_lbl_lastplayed ">
            <size>0.14 0.02</size>
            <fontPath>./core/fonts/Exo2-BoldCondensed.otf</fontPath>
            <fontSize>0.02</fontSize>
            <letterCase>uppercase</letterCase>
        </text>
        <text name="md_developer, md_publisher, md_genre, md_players">
            <size>0.14 0.02</size>
            <fontPath>./core/fonts/Exo2-RegularCondensed.otf</fontPath>
            <fontSize>0.02</fontSize>
            <letterCase>uppercase</letterCase>
        </text>
        <text name="md_description">
            <pos>0.454 0.675</pos>
            <size>0.346 0.242</size>
            <container>true</container>
            <containerVerticalSnap>true</containerVerticalSnap>
            <containerScrollSpeed>1</containerScrollSpeed>
            <containerStartDelay>4.5</containerStartDelay>
            <containerResetDelay>7</containerResetDelay>
            <metadata>description</metadata>
            <fontPath>./core/fonts/Exo2-SemiBoldCondensed.otf</fontPath>
            <fontSize>0.02</fontSize>
            <letterCase>uppercase</letterCase>
            <lineSpacing>1.2</lineSpacing>
        </text>
        <datetime name="md_releasedate, md_lastplayed">
            <size>0.14 0.02</size>
            <fontPath>./core/fonts/Exo2-RegularCondensed.otf</fontPath>
            <fontSize>0.02</fontSize>
            <letterCase>uppercase</letterCase>
        </datetime>
        <text name="md_lbl_releasedate">
            <pos>0.815 0.2755</pos>
            <text>Released:</text>
            <metadataElement>true</metadataElement>
        </text>
        <datetime name="md_releasedate">
            <pos>0.83 0.3005</pos>
            <metadata>releasedate</metadata>
        </datetime>
        <text name="md_lbl_developer">
            <pos>0.815 0.3355</pos>
            <text>Developer:</text>
            <metadataElement>true</metadataElement>
        </text>
        <text name="md_developer">
            <pos>0.83 0.3605</pos>
            <metadata>developer</metadata>
        </text>
        <text name="md_lbl_publisher">
            <pos>0.815 0.3955</pos>
            <text>Publisher:</text>
            <metadataElement>true</metadataElement>
        </text>
        <text name="md_publisher">
            <pos>0.83 0.4205</pos>
            <metadata>publisher</metadata>
        </text>
        <text name="md_lbl_genre">
            <pos>0.815 0.4555</pos>
            <text>Genre:</text>
            <metadataElement>true</metadataElement>
        </text>
        <text name="md_genre">
            <pos>0.83 0.4805</pos>
            <metadata>genre</metadata>
        </text>
        <text name="md_lbl_players">
            <pos>0.815 0.5155</pos>
            <text>Players:</text>
            <metadataElement>true</metadataElement>
        </text>
        <text name="md_players">
            <pos>0.83 0.5405</pos>
            <metadata>players</metadata>
        </text>
        <text name="md_lbl_lastplayed">
            <pos>0.815 0.5755</pos>
            <text>Last played:</text>
            <metadataElement>true</metadataElement>
        </text>
        <datetime name="md_lastplayed">
            <pos>0.83 0.6005</pos>
            <metadata>lastplayed</metadata>
        </datetime>
        <rating name="md_rating">
            <pos>0.453 0.203</pos>
            <size>0 0.03</size>
            <interpolation>nearest</interpolation>
            <filledPath>./core/images/rating_filled.svg</filledPath>
            <unfilledPath>./core/images/rating_empty.svg</unfilledPath>
            <overlay>false</overlay>
        </rating>
        <gamelistinfo name="gamelistInfo">
            <pos>0.773 0.192</pos>
            <size>0.2 0.042</size>
            <fontPath>./core/fonts/Exo2-BoldCondensed.otf</fontPath>
            <fontSize>0.025</fontSize>
            <horizontalAlignment>right</horizontalAlignment>
        </gamelistinfo>
        <badges name="md_badges">
            <pos>0.815 0.675</pos>
            <size>0.13 0.235</size>
            <horizontalAlignment>left</horizontalAlignment>
            <direction>row</direction>
            <lines>3</lines>
            <itemsPerLine>3</itemsPerLine>
            <slots>collection, folder, favorite, completed, kidgame, broken, controller, altemulator</slots>
            <controllerPos>0.5 0.572</controllerPos>
            <controllerSize>0.81</controllerSize>
            <folderLinkPos>0.54 0.64</folderLinkPos>
            <folderLinkSize>0.31</folderLinkSize>
            <itemMargin>-1.0 0.005</itemMargin>
        </badges>
    </view>

    <variant name="darkMode, lightMode">
        <view name="gamelist">
            <video name="md_video">
                <pos>0.63 0.45</pos>
                <maxSize>0.356 0.424</maxSize>
                <origin>0.5 0.5</origin>
                <imageType>image</imageType>
                <interpolation>nearest</interpolation>
                <delay>1.7</delay>
                <scrollFadeIn>true</scrollFadeIn>
            </video>
        </view>
    </variant>

    <variant name="darkModeNoVideos, lightModeNoVideos">
        <view name="gamelist">
            <image name="md_image">
                <pos>0.63 0.45</pos>
                <maxSize>0.360 0.424</maxSize>
                <origin>0.5 0.5</origin>
                <imageType>image</imageType>
                <interpolation>nearest</interpolation>
                <scrollFadeIn>true</scrollFadeIn>
            </image>
        </view>
    </variant>

    <variant name="noMedia">
        <view name="gamelist">
            <image name="backframe1">
                <pos>0.02 0.19</pos>
                <size>0.96 0.735</size>
                <path>./core/images/frame.png</path>
            </image>
            <textlist name="gamelist_textlist">
                <pos>0.04 0.201</pos>
                <size>0.92 0.71</size>
                <horizontalAlignment>center</horizontalAlignment>
                <horizontalMargin>0.01</horizontalMargin>
            </textlist>
        </view>
    </variant>

    <aspectRatio name="4:3">
        <view name="gamelist">
            <text name="4:3_temporary">
                <pos>0.8 0.01</pos>
                <size>0.2 0.04</size>
                <text>4:3 not implemented yet</text>
                <fontPath>./core/fonts/Exo2-SemiBoldCondensed.otf</fontPath>
                <fontSize>0.03</fontSize>
                <color>FFFFFF</color>
                <letterCase>uppercase</letterCase>
            </text>
        </view>
    </aspectRatio>

    <variant name="themeEngineTest_1">
        <include>./theme_engine_test_1.xml</include>
    </variant>

    <variant name="themeEngineTest_2">
        <include>./theme_engine_test_2.xml</include>
    </variant>

    <variant name="themeEngineTest_3">
        <include>./theme_engine_test_3.xml</include>
    </variant>
</theme>