diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/Credits.txt b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/Credits.txt
new file mode 100644
index 0000000..cbb6062
--- /dev/null
+++ b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/Credits.txt
@@ -0,0 +1,4 @@
+Made by r3n0.
+Modified by s4i
+
+All logos and screenshots copyright their respective owners.
\ No newline at end of file
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/Gilroy-Bold.ttf b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/Gilroy-Bold.ttf
new file mode 100644
index 0000000..1aea716
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/Gilroy-Bold.ttf differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Atari lynx/system_artwork/bg.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Atari lynx/system_artwork/bg.png
new file mode 100644
index 0000000..d82670e
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Atari lynx/system_artwork/bg.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Atari lynx/system_artwork/device_W240.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Atari lynx/system_artwork/device_W240.png
new file mode 100644
index 0000000..89825c4
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Atari lynx/system_artwork/device_W240.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Game Boy Advance/system_artwork/bg.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Game Boy Advance/system_artwork/bg.png
new file mode 100644
index 0000000..0521396
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Game Boy Advance/system_artwork/bg.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Game Boy Advance/system_artwork/device_W240.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Game Boy Advance/system_artwork/device_W240.png
new file mode 100644
index 0000000..f19dec4
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Game Boy Advance/system_artwork/device_W240.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Game Boy Color/system_artwork/bg.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Game Boy Color/system_artwork/bg.png
new file mode 100644
index 0000000..8b05608
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Game Boy Color/system_artwork/bg.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Game Boy Color/system_artwork/device_W240.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Game Boy Color/system_artwork/device_W240.png
new file mode 100644
index 0000000..94f2c74
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Game Boy Color/system_artwork/device_W240.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Game Boy/system_artwork/bg.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Game Boy/system_artwork/bg.png
new file mode 100644
index 0000000..469b18b
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Game Boy/system_artwork/bg.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Game Boy/system_artwork/device_W240.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Game Boy/system_artwork/device_W240.png
new file mode 100644
index 0000000..5813667
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Game Boy/system_artwork/device_W240.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Game Gear/system_artwork/bg.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Game Gear/system_artwork/bg.png
new file mode 100644
index 0000000..7d1af8f
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Game Gear/system_artwork/bg.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Game Gear/system_artwork/device_W240.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Game Gear/system_artwork/device_W240.png
new file mode 100644
index 0000000..fb9a530
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Game Gear/system_artwork/device_W240.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Libretro/system_artwork/bg.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Libretro/system_artwork/bg.png
new file mode 100644
index 0000000..dbeb295
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Libretro/system_artwork/bg.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Libretro/system_artwork/device_W240.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Libretro/system_artwork/device_W240.png
new file mode 100644
index 0000000..c3be9a5
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Libretro/system_artwork/device_W240.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/NES/system_artwork/bg.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/NES/system_artwork/bg.png
new file mode 100644
index 0000000..58337bc
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/NES/system_artwork/bg.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/NES/system_artwork/device_W240.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/NES/system_artwork/device_W240.png
new file mode 100644
index 0000000..638a97d
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/NES/system_artwork/device_W240.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Native games/system_artwork/bg.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Native games/system_artwork/bg.png
new file mode 100644
index 0000000..63b8488
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Native games/system_artwork/bg.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Native games/system_artwork/device_W240.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Native games/system_artwork/device_W240.png
new file mode 100644
index 0000000..c3316cf
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Native games/system_artwork/device_W240.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Neo Geo Pocket/system_artwork/bg.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Neo Geo Pocket/system_artwork/bg.png
new file mode 100644
index 0000000..dc0a079
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Neo Geo Pocket/system_artwork/bg.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Neo Geo Pocket/system_artwork/device_W240.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Neo Geo Pocket/system_artwork/device_W240.png
new file mode 100644
index 0000000..6158a8e
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Neo Geo Pocket/system_artwork/device_W240.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/PCE-TurboGrafx/system_artwork/bg.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/PCE-TurboGrafx/system_artwork/bg.png
new file mode 100644
index 0000000..1829312
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/PCE-TurboGrafx/system_artwork/bg.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/PCE-TurboGrafx/system_artwork/device_W240.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/PCE-TurboGrafx/system_artwork/device_W240.png
new file mode 100644
index 0000000..28aa016
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/PCE-TurboGrafx/system_artwork/device_W240.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/PS1/system_artwork/bg.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/PS1/system_artwork/bg.png
new file mode 100644
index 0000000..68580df
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/PS1/system_artwork/bg.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/PS1/system_artwork/device_W240.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/PS1/system_artwork/device_W240.png
new file mode 100644
index 0000000..da0f23a
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/PS1/system_artwork/device_W240.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/SNES/system_artwork/bg.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/SNES/system_artwork/bg.png
new file mode 100644
index 0000000..ab9d91b
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/SNES/system_artwork/bg.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/SNES/system_artwork/device_W240.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/SNES/system_artwork/device_W240.png
new file mode 100644
index 0000000..5884611
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/SNES/system_artwork/device_W240.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Sega Genesis/system_artwork/bg.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Sega Genesis/system_artwork/bg.png
new file mode 100644
index 0000000..7189de5
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Sega Genesis/system_artwork/bg.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Sega Genesis/system_artwork/device_W240.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Sega Genesis/system_artwork/device_W240.png
new file mode 100644
index 0000000..05270bc
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Sega Genesis/system_artwork/device_W240.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Sega Master System/system_artwork/bg.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Sega Master System/system_artwork/bg.png
new file mode 100644
index 0000000..7f8f949
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Sega Master System/system_artwork/bg.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Sega Master System/system_artwork/device_W240.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Sega Master System/system_artwork/device_W240.png
new file mode 100644
index 0000000..c45e000
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/Sega Master System/system_artwork/device_W240.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/WonderSwan/system_artwork/bg.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/WonderSwan/system_artwork/bg.png
new file mode 100644
index 0000000..7f34b01
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/WonderSwan/system_artwork/bg.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/WonderSwan/system_artwork/device_W240.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/WonderSwan/system_artwork/device_W240.png
new file mode 100644
index 0000000..b81d21c
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/WonderSwan/system_artwork/device_W240.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/tmp.txt b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/tmp.txt
new file mode 100644
index 0000000..3dba218
--- /dev/null
+++ b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/collections/tmp.txt
@@ -0,0 +1,11 @@
+./Game Gear/system_artwork/device.png
+./Sega Master System/system_artwork/device.png
+./Game Boy Advance/system_artwork/device.png
+./PS1/system_artwork/device.png
+./Game Boy/system_artwork/device.png
+./NES/system_artwork/device.png
+./Atari lynx/system_artwork/device.png
+./Sega Genesis/system_artwork/device.png
+./SNES/system_artwork/device.png
+./WonderSwan/system_artwork/device.png
+./Neo Geo Pocket/system_artwork/device.png
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/images/Funkey_S_gray.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/images/Funkey_S_gray.png
new file mode 100644
index 0000000..1ef771c
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/images/Funkey_S_gray.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/images/battery_black.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/images/battery_black.png
new file mode 100644
index 0000000..4539332
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/images/battery_black.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/images/battery_white.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/images/battery_white.png
new file mode 100644
index 0000000..2f3d01e
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/images/battery_white.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/images/black_1px.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/images/black_1px.png
new file mode 100644
index 0000000..166881a
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/images/black_1px.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/images/games_background.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/images/games_background.png
new file mode 100644
index 0000000..7a71ff3
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/images/games_background.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/images/gray_1px.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/images/gray_1px.png
new file mode 100644
index 0000000..cac22a1
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/images/gray_1px.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/images/logo.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/images/logo.png
new file mode 100644
index 0000000..a2a306d
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/images/logo.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/images/purple.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/images/purple.png
new file mode 100644
index 0000000..c573aa2
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/images/purple.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/images/white_1px.png b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/images/white_1px.png
new file mode 100644
index 0000000..9bcccdb
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/images/white_1px.png differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/layout.xml b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/layout.xml
new file mode 100644
index 0000000..cc63d62
--- /dev/null
+++ b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/layout.xml
@@ -0,0 +1,278 @@
+<layout width="240" height="240" font="Gilroy-Bold.ttf" loadFontSize="14" fontColor="ffffff">
+
+
+    <!-- ------------------------------------------------ -->
+    <!-- ---------------Generic components--------------- -->
+    <!-- ------------------------------------------------ -->
+
+    <!-- Sounds -->
+    <sound type="load"      src="sounds/load.wav"/>
+    <sound type="unload"    src="sounds/unload.wav"/>
+    <sound type="highlight" src="sounds/highlight.wav"/>
+    <sound type="select"    src="sounds/select.wav"/>
+
+    <!-- Background image for games (sub menu) -->
+    <image src="images/games_background.png" x="center" y="center" yOrigin="center" xOrigin="center" height="stretch" width="stretch" layer="0" alpha="1">
+        <onExit>                   <set duration=".3"><animate type="alpha" to="0"/></set></onExit>
+    </image>
+
+
+    <!-- ----------------------------------------------- -->
+    <!-- ---------------Main menu section--------------- -->
+    <!-- ----------------------------------------------- -->
+
+
+    <!--Main Menu - Index 0-->
+    <!-- This is the main menu itself. 
+        It is horizontal and set to show the game logo image named "system" 
+        in the currently selected collection's folder instead of text -->
+
+
+
+        <reloadableImage mode="layout" type="bg" alpha="0" x="center" y="center" yOrigin="center" xOrigin="center" layer="2" dithering="false">
+            <onEnter><set duration=".3"><animate type="alpha" to="1" algorithm="easeinquadratic"/></set></onEnter>
+            <onExit><set duration=".3"><animate type="alpha" to="0.5" algorithm="easeinquadratic"/></set></onExit>
+            <onMenuEnter menuIndex="0"><set duration=".3"><animate type="alpha" to="1" algorithm="easeinquadratic"/></set></onMenuEnter>
+            <onMenuExit menuIndex="0"><set duration=".3"><animate type="alpha" to="1" algorithm="easeinquadratic"/></set></onMenuExit>
+            <onHighlightEnter menuIndex="0"><set duration=".3"><animate type="alpha" to="1" algorithm="easeinquadratic"/></set></onHighlightEnter>
+            <onMenuScroll menuIndex="0">
+                <set duration=".02">
+                    <animate type="alpha" to="0.8" algorithm="easeinquadratic"/>
+                </set>
+            </onMenuScroll>
+        </reloadableImage>
+
+    <menu type="custom" mode="layout" imageType="device_W240" scrollTime=".24" scrollAcceleration=".04" orientation="horizontal" x="0" y="center" yOffset="0" algorithm="easeincircular" >
+
+        <!-- itemDefaults allow you to set default attributes for all items in a menu list An item may still have its own attributes that override the defaults -->
+        <!-- Notice that xOrigin and yOrigin are set to center. This puts a pin in the very center of the image (or item). Normally it is in the top left corner of the image. From that pin we will put the coordinates of where we wish the image to be. In this case the the center of the screen x="center" and y="center". Now yOffset="0" leaves the image in the center but could be used to offset it from the center instead. yOffset="-58" would move it 58 pixels towards the top for example -->
+        <itemDefaults xOrigin="center" x="center" yOrigin="center" y="center" yOffset="0" width="240" alpha="1" loadFontSize="18" fontSize="18" layer="4"/>
+
+        <!-- In this menu each item is placed. notice that the first and last item of this menu are alpha="0" if this is not done you would see the last time of the menu move to be the first when scrolling. -->
+        <item xOffset="-240" alpha="0"/>
+
+        <item xOffset="-240">
+            <onMenuEnter menuIndex="0">
+                <set duration=".4">
+                    <animate type="alpha" to="0.8" algorithm="easeincircular"/>
+                </set>
+            </onMenuEnter>
+            <onMenuExit menuIndex="0">
+                <set duration=".25">
+                    <animate type="alpha" to="0" algorithm="easeincircular"/>
+                </set>
+            </onMenuExit>
+            <onExit>                   <set duration=".3"><animate type="alpha" to="0"/></set></onExit>
+        </item> 
+
+        <!-- This is the currently selected item of the menu we override the width and alpha here to make it more clear that it is indeed selected  -->
+        <!-- we also have animations in place so that this logo stays visible and moves to another location when entering the sub menu -->
+        <item selected="true" layer="4" alpha="1">
+            <onMenuEnter menuIndex="0">
+                <set duration=".4">
+                    <animate type="alpha" to="1" algorithm="easeincircular"/>
+                </set>
+            </onMenuEnter>
+            <onMenuExit menuIndex="0">
+                <set duration=".25">
+                    <animate type="alpha" to="0" algorithm="easeincircular"/>
+                </set>
+            </onMenuExit>
+            <onExit> <set duration=".3"><animate type="alpha" to="0"/></set></onExit>
+        </item>
+
+
+        <item xOffset="240">
+            <onMenuEnter menuIndex="0">
+                <set duration=".4">
+                    <animate type="alpha" to="0.8" algorithm="easeincircular"/>
+                </set>
+            </onMenuEnter>
+            <onMenuExit menuIndex="0">
+                <set duration=".25">
+                    <animate type="alpha" to="0" algorithm="easeincircular"/>
+                </set>
+            </onMenuExit>
+            <onExit>                   <set duration=".3"><animate type="alpha" to="0"/></set></onExit>
+        </item>
+
+        <item xOffset="240" alpha="0"/>
+    </menu>
+
+
+
+     <!-- ---------------------------------------------- -->
+    <!-- ---------------Sub menu section--------------- -->
+    <!-- ---------------------------------------------- -->
+
+    <!--Sub Menu - Index 1-->
+    <!-- This is the menu displayed when entering a collection. This time the items are the games themselves. In this case since the menu is of type "custom" we will display the artwork of the games and not their title. -->
+    <menu type="custom" imageType="artwork_front" scrollTime=".24" scrollAcceleration=".04" orientation="horizontal" x="0" y="center" yOrigin="center" algorithm="easeincircular">
+        
+        <itemDefaults alpha="1" x="center" y="center" xOrigin="center" yOrigin="center" layer="12" width="130" maxHeight="140" textFallback="false" imageFallback="true" />
+
+        <item xOffset="-320" alpha="0"/>
+
+        <item x="center" xOrigin="right" xOffset="-90">
+            <onExit>                   <set duration=".3"><animate type="alpha" to="0"/></set></onExit>
+            <onMenuEnter menuIndex="1"><set duration=".3"><animate type="alpha" to="1"/></set></onMenuEnter>
+            <onMenuExit  menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></onMenuExit>
+            <onGameEnter menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></oneGameEnter>
+            <onGameExit  menuIndex="1"><set duration=".3"><animate type="alpha" to="1"/></set></oneGameExit>
+        </item>
+
+        <item xOffset="0" selected="true" layer="13" fontSize="16" loadFontSize="16">
+            <onExit>                   <set duration=".3"><animate type="alpha" to="0"/></set></onExit>
+            <onMenuEnter menuIndex="1"><set duration=".3"><animate type="alpha" to="1"/></set></onMenuEnter>
+            <onMenuExit  menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></onMenuExit>
+            <onGameEnter menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></oneGameEnter>
+            <onGameExit  menuIndex="1"><set duration=".3"><animate type="alpha" to="1"/></set></oneGameExit>
+        </item>
+
+        <item x="center" xOrigin="left" xOffset="90">
+            <onExit>                   <set duration=".3"><animate type="alpha" to="0"/></set></onExit>
+            <onMenuEnter menuIndex="1"><set duration=".3"><animate type="alpha" to="1"/></set></onMenuEnter>
+            <onMenuExit  menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></onMenuExit>
+            <onGameEnter menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></oneGameEnter>
+            <onGameExit  menuIndex="1"><set duration=".3"><animate type="alpha" to="1"/></set></oneGameExit>
+        </item>
+
+        <item xOffset="320" alpha="0"/>
+
+    </menu>
+
+
+    <!--Scrollable game title idx 0-->
+    <!-- Since we chose the sub menu to display the artwork and not the title, we add here a reloadableTex that will do the job of displaying the title of the game. Notice that this is a special type of reloadableText: a reloadableScrollingText which allows the title to scroll if its size is bigger than its container -->
+    <reloadableScrollingText type="title" alpha="0" x="center" xOrigin="center" xOffset="0" y="bottom" yOrigin="center" yOffset="-17" width="193" height="33" menuScrollReload="true" fontSize="14" loadFontSize="14" fontColor="ffffff" direction="horizontal" scrollingSpeed="60" startPosition="0" startTime="1.5" endTime="1.5" layer="13" >
+        <onExit>                   <set duration=".3"><animate type="alpha" to="0"/></set></onExit>
+        <onMenuEnter menuIndex="1"><set duration=".3"><animate type="alpha" to="1"/></set></onMenuEnter>
+        <onMenuExit  menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></onMenuExit>
+        <onGameEnter menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></oneGameEnter>
+        <onGameExit  menuIndex="1"><set duration=".3"><animate type="alpha" to="1"/></set></oneGameExit>
+        <onHighlightExit menuIndex="1"><set duration=".00001"><animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/></set></onHighlightExit>
+        <onMenuScroll menuIndex="1">
+            <set duration=".00001">
+                <animate type="alpha" from="0" to="0" algorithm="easeinquadratic"/>
+            </set>
+        </onMenuScroll>
+        <onHighlightExit menuIndex="1">
+            <set duration=".00001">
+                <animate type="alpha" from="1" to="1" algorithm="easeinquadratic"/>
+            </set>
+        </onHighlightExit>
+    </reloadableScrollingText>
+
+
+    <!--Game cover idx 0 -->
+    <!-- This is yet again the curently selected game title but not reloadable. It is displayed only when scrolling through games. For a smooth animation, the above reloadableScrollingText is not displayed when scrolling and this one is instead. Notice how tha alpha is set to 1 for the onMenuScrollNext and onMenuScrollPrev events. Notice also the onMenuScroll and onMenuFastScroll animations that will move this text according to the submenu's speed and acceleration. This creates a smooth scrolling effect, like if this text was part of the submenu -->    
+    <reloadableText type="title" selectedOffset="0" alpha="0" x="center" xOrigin="center" xOffset="0" y="bottom" yOrigin="center" yOffset="-17" width="193" menuScrollReload="true" fontSize="14" loadFontSize="14" fontColor="ffffff" layer="14" >
+        <onExit>                   <set duration=".3"><animate type="alpha" to="0"/></set></onExit>
+        <onMenuEnter menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></onMenuEnter>
+        <onMenuExit  menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></onMenuExit>
+        <onGameEnter menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></oneGameEnter>
+        <onGameExit  menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></oneGameExit>
+        <onHighlightExit menuIndex="1">
+            <set duration=".00001">
+                <animate type="alpha" from="0" to="0" algorithm="easeinquadratic"/>
+            </set>
+            <set duration=".0001">
+                <animate type="xOffset" from="0" to="0" algorithm="easeinquadratic"/>
+            </set>
+        </onHighlightExit>
+        <onMenuScroll menuIndex="1">
+            <set duration="0">
+                <animate type="xoffsetshiftmenudirection" from="0" to="240" algorithm="easeinquadratic"/>
+            </set>
+        </onMenuScroll>
+        <onMenuScrollNext menuIndex="1">
+            <set duration=".00001">
+                <animate type="alpha" from="1" to="1" algorithm="easeinquadratic"/>
+            </set>
+        </onMenuScrollNext>
+        <onMenuScrollPrev menuIndex="1">
+            <set duration=".00001">
+                <animate type="alpha" from="1" to="1" algorithm="easeinquadratic"/>
+            </set>
+        </onMenuScrollPrev>
+        <onMenuFastScroll menuIndex="1">
+            <set duration="0">
+                <animate type="xoffsetshiftmenudirection" from="0" to="240" algorithm="easeinquadratic"/>
+            </set>
+        </onMenuFastScroll>
+    </reloadableText>
+
+
+    <!-- Game cover idx -1 -->
+    <!-- This is the text of the previous game in the list (selectedOffset="-1"). This is only displayed during scrolling animations so that we can see the previous game's name smoothly entering the screen from the left -->
+    <reloadableText type="title" selectedOffset="-1" alpha="0" x="center" xOrigin="center" xOffset="-240" y="bottom" yOrigin="center" yOffset="-17" width="193" menuScrollReload="true" fontSize="14" loadFontSize="14" fontColor="ffffff" layer="14" >
+        
+        <onExit>                   <set duration=".3"><animate type="alpha" to="0"/></set></onExit>
+        <onMenuEnter menuIndex="1"><set duration=".3"><animate type="alpha" to="1"/></set></onMenuEnter>
+        <onMenuExit  menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></onMenuExit>
+        <onGameEnter menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></oneGameEnter>
+        <onGameExit  menuIndex="1"><set duration=".3"><animate type="alpha" to="1"/></set></oneGameExit>
+        <onHighlightExit menuIndex="1">
+            <set duration=".00001">
+                <animate type="xOffset" from="-240" to="-240" algorithm="easeinquadratic"/>
+            </set>
+        </onHighlightExit>
+        <onMenuScroll menuIndex="1">
+            <set duration="0">
+                <animate type="xoffsetshiftmenudirection" from="-240" to="240" algorithm="easeinquadratic"/>
+            </set>
+        </onMenuScroll>
+        <onMenuFastScroll menuIndex="1">
+            <set duration="0">
+                <animate type="xoffsetshiftmenudirection" from="-240" to="240" algorithm="easeinquadratic"/>
+            </set>
+        </onMenuFastScroll>
+    </reloadableText>
+
+
+    <!--Game cover idx +1 -->
+    <!-- This is the text of the next game in the list (selectedOffset="1"). This is only displayed during scrolling animations so that we can see the next game's name smoothly entering the screen from the right -->
+    <reloadableText type="title" selectedOffset="1" alpha="0" x="center" xOrigin="center" xOffset="240" y="bottom" yOrigin="center" yOffset="-17" width="193" menuScrollReload="true" fontSize="14" loadFontSize="14" fontColor="ffffff" layer="14" >
+        
+        <onExit>                   <set duration=".3"><animate type="alpha" to="0"/></set></onExit>
+        <onMenuEnter menuIndex="1"><set duration=".3"><animate type="alpha" to="1"/></set></onMenuEnter>
+        <onMenuExit  menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></onMenuExit>
+        <onGameEnter menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></oneGameEnter>
+        <onGameExit  menuIndex="1"><set duration=".3"><animate type="alpha" to="1"/></set></oneGameExit>
+        <onHighlightExit menuIndex="1">
+            <set duration=".00001">
+                <animate type="xOffset" from="240" to="240" algorithm="easeinquadratic"/>
+            </set>
+        </onHighlightExit>
+        <onMenuScroll menuIndex="1">
+            <set duration="0">
+                <animate type="xoffsetshiftmenudirection" from="240" to="240" algorithm="easeinquadratic"/>
+            </set>
+        </onMenuScroll>
+        <onMenuFastScroll menuIndex="1">
+            <set duration="0">
+                <animate type="xoffsetshiftmenudirection" from="240" to="240" algorithm="easeinquadratic"/>
+            </set>
+        </onMenuFastScroll>
+    </reloadableText>
+
+    <image src="images/foreground.png" x="center" y="center" yOrigin="center" xOrigin="center" height="stretch" width="stretch" layer="20" alpha="1"></image>
+
+       <!--Collection title in status bar //textFormat="uppercase"  -->
+       <reloadableText type="collectionName" alpha="0" x="left" xOrigin="left" xOffset="8" y="0" yOrigin="center" yOffset="14" width="193" height="40" fontSize="15" loadFontSize="15" fontColor="ffffff" layer="17" >
+        <onExit> <set duration=".3"><animate type="alpha" to="0"/></set></onExit>
+        <onMenuExit  menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></onMenuExit>
+        <!-- <onMenuExit  menuIndex="0"><set duration=".3"><animate type="alpha" to="1"/></set></onMenuExit> -->
+        <onMenuEnter menuIndex="1"><set duration=".3"><animate type="alpha" to="1"/></set></onMenuEnter>
+        <onGameEnter menuIndex="1"><set duration=".3"><animate type="alpha" to="0"/></set></oneGameEnter>
+        <onGameExit  menuIndex="1"><set duration=".3"><animate type="alpha" to="1"/></set></oneGameExit>
+    </reloadableText>
+
+
+
+    <!--Battery in status bar-->
+    <battery reloadPeriod="3" fontColor="ffffff" alpha="0.3" x="right" xOrigin="right" xOffset="-5" y="top" yOrigin="center" yOffset="13" layer="17" ></battery>
+
+
+
+</layout>
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/sounds/highlight.wav b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/sounds/highlight.wav
new file mode 100644
index 0000000..b8a97f3
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/sounds/highlight.wav differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/sounds/load.wav b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/sounds/load.wav
new file mode 100644
index 0000000..b8a97f3
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/sounds/load.wav differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/sounds/select.wav b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/sounds/select.wav
new file mode 100644
index 0000000..b8a97f3
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/sounds/select.wav differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/sounds/unload.wav b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/sounds/unload.wav
new file mode 100644
index 0000000..b8a97f3
Binary files /dev/null and b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/sounds/unload.wav differ
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/splash.xml b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/splash.xml
new file mode 100644
index 0000000..c19dcf0
--- /dev/null
+++ b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/splash.xml
@@ -0,0 +1,40 @@
+<layout width="240" height="240" font="Roboto-Bold.ttf" loadFontSize="18" fontColor="FFFFFFF">
+   
+
+    <!--backgroundImage-->
+    <image src="images/Funkey_S_gray.png" x="0" y="0" height="stretch" width="stretch" layer="0"/>
+
+
+    <!-- logo -->
+    <!-- <image src="images/logo.png" x="center" y="center" xOrigin="center" yOrigin="center" layer="1" alpha="1"/> -->
+   
+
+    <text value="Loading..." x="center" y="bottom" xOrigin="center" xOffset="0" yOrigin="center" yOffset="-20" height="33" width="stretch" fontSize="32" layer="3">
+    <!--    <onEnter>
+            <set duration=".4">
+                <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
+            </set>
+        </onEnter> -->
+        <onIdle>
+            <set duration="0">
+                <animate type="alpha" from="1" to=".5" algorithm="easeinquadratic"/>
+            </set>
+            <set duration="0">
+                <animate type="alpha" from=".5" to="1" algorithm="easeinquadratic"/>
+            </set>
+        </onIdle>
+   <!--   <onExit>
+           <set duration=".4">
+               <animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
+           </set>
+       </onExit> -->
+    </text> 
+    
+
+    <!-- Text shown when creating meta.db. This will only show once unless meta.db does not exsist -->
+
+<!--    <statusText x="0" y="bottom" xOffset="20" yOrigin="center" yOffset="-39" height="33" width="stretch" fontSize="25" layer="3" /> -->
+    <!-- <image src="images/splashloadbk.png" x="center" y="center" xOrigin="center" yOrigin="center" yOffset="74" layer="1" alpha="1"/> -->
+
+
+ </layout>
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/splash_BAK.xml b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/splash_BAK.xml
new file mode 100644
index 0000000..73c5971
--- /dev/null
+++ b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/DarkUI/splash_BAK.xml
@@ -0,0 +1,42 @@
+<layout width="240" height="240" font="Roboto-Bold.ttf" loadFontSize="18" fontColor="FFFFFFF" minShowTime="2">
+   
+
+    <!--backgroundImage-->
+
+    <image src="images/background.png" x="0" y="0" height="stretch" width="stretch" layer="0"/>
+
+
+    <!-- logo -->
+
+    <image src="images/logo.png" x="center" y="center" xOrigin="center" yOrigin="center" layer="1" alpha="1"/>
+   
+
+    <text value="Loading..." x="center" y="bottom" xOrigin="center" xOffset="0" yOrigin="center" yOffset="-20" height="33" width="stretch" fontSize="32" layer="3">
+        <onEnter>
+            <set duration="0">
+                <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
+            </set>
+        </onEnter>
+        <onIdle>
+            <set duration="0">
+                <animate type="alpha" from="1" to=".5" algorithm="easeinquadratic"/>
+            </set>
+            <set duration="0">
+                <animate type="alpha" from=".5" to="1" algorithm="easeinquadratic"/>
+            </set>
+        </onIdle>
+      <onExit>
+           <set duration="0">
+               <animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
+           </set>
+       </onExit>
+    </text>
+    
+
+    <!-- Text shown when creating meta.db. This will only show once unless meta.db does not exsist -->
+
+    <statusText x="0" y="bottom" xOffset="20" yOrigin="center" yOffset="-39" height="33" width="stretch" fontSize="25" layer="3" />
+    <!-- <image src="images/splashloadbk.png" x="center" y="center" xOrigin="center" yOrigin="center" yOffset="74" layer="1" alpha="1"/> -->
+
+
+ </layout>
diff --git a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/layouts.list b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/layouts.list
index da0ff2d..56a5255 100644
--- a/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/layouts.list
+++ b/FunKey/board/funkey/rootfs-overlay/usr/games/layouts/layouts.list
@@ -6,3 +6,4 @@ RetroRoomCovers
 FunKeyRed
 FunKeyYellow
 PixxelPlus
+DarkUI