ES-DE/themes/modern-DE/settings/dark.xml

<!--
theme name:		Modern-DE
version:		4.0
author:			Sophia Hadash
email:			s.hadash2@protonmail.com
license:		creative commons CC-BY-NC-SA
based on:       Switch Theme by Lilbud
-->

<theme>
	<formatVersion>7</formatVersion>
	
	<!-- color variables -->
	<variables>
		<backgroundColor>323232</backgroundColor>
		<backgroundColor2>2d2d2d</backgroundColor2>
		<mainColor>0afdca</mainColor>
		<highlightColor>82f0ff</highlightColor>
		<secondaryColor>f4f4f4</secondaryColor>
		<tertiaryColor>858585</tertiaryColor>
		<systemColor>3aa5ab</systemColor>
	</variables>

	<!-- generic styles -->
	<view name="system, basic, detailed, video">
		<helpsystem name="help">
			<iconColor>${secondaryColor}</iconColor>
			<textColor>${secondaryColor}</textColor>
			<iconColorDimmed>${secondaryColor}</iconColorDimmed>
			<textColorDimmed>${secondaryColor}</textColorDimmed>
		</helpsystem>
		<image name="background">
			<color>${backgroundColor}</color>
		</image>
		<image name="topline, bottomline" extra="true">
			<color>${tertiaryColor}</color>
		</image>
		<rating name="md_rating">
			<unfilledPath>./../assets/dark/star-unfilled.svg</unfilledPath>
		</rating>
	</view>

	<!-- system specific styles -->
	<view name="system">
		<text name="system_name_1" extra="true">
			<color>${mainColor}</color>
		</text>
		<image name="arrowblock" extra="true">
			<color>${mainColor}</color>
		</image>
		<image name="selection_bottom" extra="true">
			<color>${highlightColor}</color>
		</image>
		<image name="selection_left" extra="true">
			<color>${highlightColor}</color>
		</image>
		<image name="selection_top" extra="true">
			<color>${highlightColor}</color>
		</image>
		<image name="selection_right" extra="true">
			<color>${highlightColor}</color>
		</image>
	</view>


	<!-- gamelist specific styles -->
	<view name="basic">
		<textlist name="gamelist">
			<selectedColor>${mainColor}</selectedColor>
			<primaryColor>${secondaryColor}</primaryColor>
			<secondaryColor>${secondaryColor}</secondaryColor>
			<selectorColor>00000000</selectorColor>
		</textlist>
	</view>
	<view name="grid">
		<gridtile name="default">
			<backgroundColor>00000000</backgroundColor>
		</gridtile>
		<gridtile name="selected">
			<backgroundCenterColor>${highlightColor}</backgroundCenterColor>
			<backgroundEdgeColor>${highlightColor}</backgroundEdgeColor>
		</gridtile>
	</view>
	<view name="basic, detailed, video">
		<text name="system_name_1" extra="true">
			<color>${secondaryColor}</color>
		</text>
	</view>
	<view name="detailed, video">
		<textlist name="gamelist">
			<selectedColor>${mainColor}</selectedColor>
			<primaryColor>${secondaryColor}</primaryColor>
			<secondaryColor>${secondaryColor}</secondaryColor>
			<selectorColor>${mainColor}</selectorColor>
		</textlist>
		<text name="md_lbl_releasedate, md_lbl_developer, md_lbl_publisher, md_lbl_genre, md_lbl_players, md_lbl_lastplayed, md_lbl_playcount, md_lbl_rating">
			<color>${tertiaryColor}</color>
		</text>
		<text name="md_developer, md_publisher, md_genre, md_players, md_playcount, md_releasedate, md_description">
			<color>${secondaryColor}</color>
		</text>
		<badges name="md_badges">
			<customBadgeIcon badge="favorite">./../assets/dark/badges/favorite.svg</customBadgeIcon>
			<customBadgeIcon badge="completed">./../assets/dark/badges/completed.svg</customBadgeIcon>
			<customBadgeIcon badge="kidgame">./../assets/dark/badges/kidgame.svg</customBadgeIcon>
			<customBadgeIcon badge="broken">./../assets/dark/badges/broken.svg</customBadgeIcon>
			<customBadgeIcon badge="altemulator">./../assets/dark/badges/altemulator.svg</customBadgeIcon>
		</badges>
	</view>
	<view name="detailed, video, grid">
		<image name="md_background" extra="true">
			<color>${backgroundColor2}</color>
		</image>
		<image name="md_background_grad_top" extra="true">
			<path>./../assets/dark/gradient.png</path>
		</image>
		<image name="md_background_grad_bottom" extra="true">
			<path>./../assets/dark/gradient.png</path>
		</image>
	</view>

	<!-- carousel feature -->
	<feature supported="carousel">
  		<view name="system">
			<text name="systemInfo">
      			<color>${mainColor}</color>
			</text>
  		</view>
	</feature>
</theme>