This is a tranlation of the Analogue OS menu interface (originally designed & created by Analogue) for ES-DE.
My work focused on tranlating the layout so that it could be buildable in the theme engine for ES-DE. Please refer to the Changes Made
section below for additional details.
The original version of the UI can be found as part of the OS available on the Analogue Pocket and other devices made by Analogue
- Referenced Analogue OS to approximate the components that would be used build a theme compatible with ES-DE.
- Added the helpsystem from ES-DE and created a layout that tries to evoke the original helpsystem design (sadly it can't be a 1:1 translation due to differences in the theme engines)
- Added icons and badges specific to ES-DE functionality
- Created a full set of custom pixel art icons for the ES-DE helpsystem
The theme has a simple set of options that can be changed directly from the UI Settings menu of ES-DE
Theme Variant
- sets the layout used for the gamelist view.List
- The default variant. A list view that matches the same style as system view.Carousel
- An attempt to translate the list view with images that exists in Analogue OS. See the reference image here.Grid
- An attempt to translate the grid view that exists in Analogue OS. See the reference image here.
List | Carousel | Grid |
---|---|---|
![]() |
![]() |
![]() |
Theme Color Scheme
- sets the color scheme that is used for the overall theme on all views.Dark
- The default color scheme.Light
- Alight
version of the above color scheme.
Dark | Light |
---|---|
![]() |
![]() |
Theme Font Size
- sets the size that text will render at. This can be helpful when using the theme on small screens.- Supported Font Sizes:
Large
- Good for small handheld screens under 4 inches in size.
Theme Aspect Ratio
- sets the aspect ratio to match your display. This should happen automatically but can also be set manually if needed.- Supported Aspect Ratios:
4:3
16:9
16:10
3:2
19.5:9
1:1
-
In the resources folder you will find a template file called colors-custom.xml
-
Make a folder named
theme-customizations
and place a copy of thecolors-custom.xml
file inside that folder. The folder structure should look like this when you are done:/ES-DE/themes/minui-menu-es-de/theme-customizations/colors-custom.xml
Note: This structure should allow you to continue to get updates for the theme from the theme downloader while also retaining your customizations.
-
Edit the properites in
colors-custom.xml
to create your custom color scheme:- Here is a definition of each property:
backgroundColor
- Sets the color to be used for the background on all screens.listSelectedColor
- Sets the text color of the selected item on the List Variant.listSelectedBackgroundColor
- Sets the highlight color for the selected item on the List Variant.listUnselectedColor
- Sets the text color for unselected items on the List Variant.gridGameName
- Sets the text color of the game name on the Grid Variant.gridTextColor
- Sets the text color of the selected item when it does not have an image to display on the Grid & Carousel Variants.gridTextBackgroundColor
- Sets the background color of the selected item when it does not have an image to display on the Grid & Carousel Variants.carouselGameName
- Sets the text color of the game name on the Carousel Variant.carouselGameSystemName
- Sets the text color the system name on the Carousel Variant.helpIconColor
- Sets the icon color for items in the included help systemhelpTextColor
- Sets the text color for items in the included help system
- Here is a definition of each property:
-
Set the
Theme Color Scheme
in ES-DE's UI Settings menu toCustom
and you should see your custom color scheme display. If you see an error check that the paths discussed above are correct and then check that the values you added for each property are correct and well formatted.
If you make a custom color scheme and are comfortable with sharing I would love to check it out 😊
- Please feel free to create an issue in this repo called
Custom Color Scheme: [Name of your Color Scheme]
- Include the values you used for the properties above (xml is preferred), the background image and fonts you added (if any) and a screenshot of what it looks like.