Menu styling
The nine components that adjust Recalbox's menus.
Recalbox builds its menus itself: their content is not yours. The theme only adjusts their look, through nine components that are not placed.
menuBackground (3)
<menuBackground>
<color>101820F0</color>
<path>${root}/data/arts/cadre-menu.png</path>
<fadePath>${root}/data/arts/voile.png</fadePath>
</menuBackground>
| Property | Role |
|---|---|
color | the frame's color — it tints the image if path is given |
path | the frame's image |
fadePath | the veil image that darkens the view behind |
menuText (6) — the menu lines
| Property | Role |
|---|---|
fontPath fontSize | the font |
color | the lines' text |
selectedColor | the chosen line's text |
selectorColor | the highlighter |
separatorColor | the rules between lines |
menuTextSmall (5) — the small text
fontPath, fontSize, color, selectedColor, selectorColor. Used for setting values and drop-down lists.
menuSection (5) — the section headers
fontPath, fontSize, color, selectedColor, alignment.
menuSize (1)
<menuSize><height>0.85</height></menuSize>
The maximum height of the menu frame, as a screen proportion. It is the only measurement a theme imposes on the menus.
menuSwitch (2) — the switches
pathOn, pathOff — the two images of a yes/no setting.
menuSlider (1) — the sliders
path — the cursor's image.
menuButton (2) — the buttons
path, filledPath — the normal and the pressed state.
menuIcons (23) — the section icons
One icon per menu section:
iconSystem · iconUpdates · iconThemes · iconGames · iconUI · iconTate · iconControllers · iconSound · iconNetwork · iconScraper · iconBios · iconDownload · iconLicense · iconAdvanced · iconArcade · iconKodi · iconCardReader · iconRecalboxRGBDual · iconQuit · iconRestart · iconShutdown · iconFastShutdown · iconList
⚠️
iconListis singular, unlike the “Lists” section it represents. In the plural, it is ignored.