Making a Recalbox theme

45 pages · 8 sections
FRENESDE Show everything Create my theme

Depth and visibility

What goes in front of what, and how to switch a component off.

Two properties every component accepts, which talk about neither position nor size: which one goes in front of the other, and which one does not show at all.

zIndex — the layers

<zIndex>40</zIndex>

It is a layer system, exactly like in a drawing application: each component is a sheet, and zIndex says in which order they are stacked. The bigger the number, the closer to you the component is.

help bar50texts and logos40readability veil20backdrop10background1zIndex

Reserved components have their default values, and free components receive 10 if you say nothing. Leave room between yours — 10, 20, 30 — so you can slip one in between later.

disabled — switching a component off

<disabled>true</disabled>

The component is read but not displayed. Handy to hide a reserved component you do not want, without having to redefine it entirely.

⚠️ Neither carousel nor textlist accepts it.