Making a Recalbox theme

45 pages · 8 sections
FRENESDE Show everything Create my theme

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>
  <color>101820F0</color>
  <path>${root}/data/arts/cadre-menu.png</path>
  <fadePath>${root}/data/arts/voile.png</fadePath>
</menuBackground>
PropertyRole
colorthe frame's color — it tints the image if path is given
paththe frame's image
fadePaththe veil image that darkens the view behind
PropertyRole
fontPath fontSizethe font
colorthe lines' text
selectedColorthe chosen line's text
selectorColorthe highlighter
separatorColorthe rules between lines

fontPath, fontSize, color, selectedColor, selectorColor. Used for setting values and drop-down lists.

fontPath, fontSize, color, selectedColor, alignment.

<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.

pathOn, pathOff — the two images of a yes/no setting.

path — the cursor's image.

path, filledPath — the normal and the pressed state.

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

⚠️ iconList is singular, unlike the “Lists” section it represents. In the plural, it is ignored.