From 4b15a23cd0009c5c184c321c6bc2a0cf6c07f4a6 Mon Sep 17 00:00:00 2001
From: Leon Styhre <leon@leonstyhre.com>
Date: Tue, 1 Feb 2022 18:10:51 +0100
Subject: [PATCH] (rbsimple-DE) Added dark mode variants.

---
 themes/rbsimple-DE/capabilities.xml           | 14 ++--
 themes/rbsimple-DE/colors_dark.xml            | 73 +++++++++++++++++++
 .../{colors.xml => colors_light.xml}          |  0
 themes/rbsimple-DE/theme.xml                  | 36 +++++++--
 4 files changed, 107 insertions(+), 16 deletions(-)
 create mode 100644 themes/rbsimple-DE/colors_dark.xml
 rename themes/rbsimple-DE/{colors.xml => colors_light.xml} (100%)

diff --git a/themes/rbsimple-DE/capabilities.xml b/themes/rbsimple-DE/capabilities.xml
index d2bfe21d6..16eee7d9b 100644
--- a/themes/rbsimple-DE/capabilities.xml
+++ b/themes/rbsimple-DE/capabilities.xml
@@ -3,10 +3,8 @@ Theme capabilities for rbsimple-DE.
 -->
 
 <themeCapabilities>
-    <aspectRatio>4:3</aspectRatio>
-    <aspectRatio>4:3_vertical</aspectRatio>
     <aspectRatio>16:9</aspectRatio>
-    <aspectRatio>16:10</aspectRatio>
+    <aspectRatio>4:3</aspectRatio>
 
     <variant name="lightMode">
         <label>Light mode</label>
@@ -17,8 +15,8 @@ Theme capabilities for rbsimple-DE.
         </override>
     </variant>
 
-    <variant name="lightModeNoVideo">
-        <label>Light mode, no video</label>
+    <variant name="lightModeNoVideos">
+        <label>Light mode (no videos)</label>
         <selectable>true</selectable>
         <override>
             <trigger>no_game_media</trigger>
@@ -35,8 +33,8 @@ Theme capabilities for rbsimple-DE.
         </override>
     </variant>
 
-    <variant name="darkModeNoVideo">
-        <label>Dark mode, no video</label>
+    <variant name="darkModeNoVideos">
+        <label>Dark mode (no videos)</label>
         <selectable>true</selectable>
         <override>
             <trigger>no_game_media</trigger>
@@ -46,7 +44,7 @@ Theme capabilities for rbsimple-DE.
 
     <variant name="noMedia">
         <label>No game media</label>
-        <selectable>true</selectable>
+        <selectable>false</selectable>
     </variant>
 
 </themeCapabilities>
\ No newline at end of file
diff --git a/themes/rbsimple-DE/colors_dark.xml b/themes/rbsimple-DE/colors_dark.xml
new file mode 100644
index 000000000..ba45d4d96
--- /dev/null
+++ b/themes/rbsimple-DE/colors_dark.xml
@@ -0,0 +1,73 @@
+<theme>
+    <view name="system">
+        <carousel name="systemcarousel">
+            <color>747474D8</color>
+        </carousel>
+        <text name="systemInfo">
+            <color>C6C6C6</color>
+            <backgroundColor>555555D8</backgroundColor>
+        </text>
+        <text name="info1, info2, info3, info4, info5, info6, info7,
+                    info8, info9, info10, info11, info12">
+            <color>B6B6B6</color>
+        </text>
+        <image name="background">
+            <color>404040</color>
+        </image>
+        <text name="logoText">
+            <color>B6B6B6</color>
+        </text>
+    </view>
+
+    <view name="system, gamelist">
+        <helpsystem name="help">
+            <textColor>A6A6A6</textColor>
+            <iconColor>A6A6A6</iconColor>
+            <textColorDimmed>969696</textColorDimmed>
+            <iconColorDimmed>969696</iconColorDimmed>
+        </helpsystem>
+    </view>
+
+    <view name="gamelist">
+        <image name="background">
+            <color>404040</color>
+        </image>
+        <textlist name="gamelist">
+            <selectorColor>161616</selectorColor>
+            <selectedColor>AFAFAF</selectedColor>
+            <primaryColor>000000</primaryColor>
+            <secondaryColor>333333</secondaryColor>
+        </textlist>
+        <gamelistinfo name="gamelistInfo">
+            <color>303030</color>
+        </gamelistinfo>
+    </view>
+
+    <variant name="noMedia">
+        <view name="gamelist">
+            <image name="backframe1">
+                <color>9F9F9F</color>
+            </image>
+        </view>
+    </variant>
+
+    <!-- All except basic -->
+    <view name="gamelist">
+        <image name="backframe2">
+            <color>6F6F6F</color>
+        </image>
+        <image name="backframe3">
+            <color>6F6F6F</color>
+        </image>
+        <text name="md_lbl_rating, md_lbl_releasedate, md_lbl_developer,
+                    md_lbl_publisher, md_lbl_genre, md_lbl_players,
+                    md_lbl_lastplayed, md_lbl_playcount, md_developer,
+                    md_publisher, md_genre, md_players, md_playcount,
+                    md_description">
+            <color>000000</color>
+        </text>
+        <datetime name="md_releasedate, md_lastplayed">
+            <color>000000</color>
+        </datetime>
+    </view>
+</theme>
\ No newline at end of file
diff --git a/themes/rbsimple-DE/colors.xml b/themes/rbsimple-DE/colors_light.xml
similarity index 100%
rename from themes/rbsimple-DE/colors.xml
rename to themes/rbsimple-DE/colors_light.xml
diff --git a/themes/rbsimple-DE/theme.xml b/themes/rbsimple-DE/theme.xml
index c902d40c7..59bb62572 100644
--- a/themes/rbsimple-DE/theme.xml
+++ b/themes/rbsimple-DE/theme.xml
@@ -7,9 +7,16 @@ based on: 'recalbox-multi' by the Recalbox community
 -->
 
 <theme>
-    <include>./colors.xml</include>
     <include>./navigationsounds.xml</include>
 
+    <variant name="lightMode, lightModeNoVideos">
+        <include>./colors_light.xml</include>
+    </variant>
+
+    <variant name="darkMode, darkModeNoVideos">
+        <include>./colors_dark.xml</include>
+    </variant>
+
     <view name="system">
         <carousel name="systemcarousel">
             <logoScale>1.23</logoScale>
@@ -120,6 +127,20 @@ based on: 'recalbox-multi' by the Recalbox community
         </image>
     </view>
 
+    <aspectRatio name="4:3">
+        <view name="gamelist">
+            <text name="4:3_temporary">
+                <forceUppercase>true</forceUppercase>
+                <text>4:3 not implemented</text>
+                <fontPath>./core/fonts/Exo2-SemiBoldCondensed.otf</fontPath>
+                <fontSize>0.03</fontSize>
+                <size>0.2 0.04</size>
+                <pos>0.84 0.01</pos>
+                <color>FFFFFF</color>
+            </text>
+        </view>
+    </aspectRatio>
+
     <view name="gamelist">
         <image name="consolegame">
             <pos>0.02 0.17</pos>
@@ -137,26 +158,25 @@ based on: 'recalbox-multi' by the Recalbox community
         <text name="md_lbl_rating, md_lbl_releasedate, md_lbl_developer,
                     md_lbl_publisher, md_lbl_genre, md_lbl_players,
                     md_lbl_lastplayed">
-            <forceUppercase>1</forceUppercase>
+            <forceUppercase>true</forceUppercase>
             <fontPath>./core/fonts/Exo2-BoldCondensed.otf</fontPath>
             <fontSize>0.02</fontSize>
             <size>0.144 0.02</size>
         </text>
         <text name="md_developer, md_publisher, md_genre, md_players">
-            <forceUppercase>1</forceUppercase>
+            <forceUppercase>true</forceUppercase>
             <fontPath>./core/fonts/Exo2-RegularCondensed.otf</fontPath>
             <fontSize>0.02</fontSize>
-            <size>0.144 0.02</size>
         </text>
         <text name="md_description">
             <container>true</container>
-            <forceUppercase>1</forceUppercase>
+            <forceUppercase>true</forceUppercase>
             <metadata>md_description</metadata>
             <fontPath>./core/fonts/Exo2-SemiBoldCondensed.otf</fontPath>
             <fontSize>0.024</fontSize>
         </text>
         <datetime name="md_releasedate, md_lastplayed">
-            <forceUppercase>1</forceUppercase>
+            <forceUppercase>true</forceUppercase>
             <fontPath>./core/fonts/Exo2-RegularCondensed.otf</fontPath>
             <fontSize>0.02</fontSize>
             <size>0.144 0.02</size>
@@ -164,7 +184,7 @@ based on: 'recalbox-multi' by the Recalbox community
         <textlist name="gamelist">
             <fontPath>./core/fonts/Exo2-BoldCondensed.otf</fontPath>
             <fontSize>0.025</fontSize>
-            <forceUppercase>1</forceUppercase>
+            <forceUppercase>true</forceUppercase>
         </textlist>
     </view>
 
@@ -299,7 +319,7 @@ based on: 'recalbox-multi' by the Recalbox community
         </view>
     </variant>
 
-    <variant name="lightModeNoVideo darkModeNoVideo">
+    <variant name="lightModeNoVideos, darkModeNoVideos">
         <view name="gamelist">
             <image name="md_image">
                 <origin>0.5 0.5</origin>