Saltar al contenido principal

Tema

Establece el diccionario theme en el nivel raíz para aplicar un estilo uniforme a la interfaz. Todos los componentes y subpáginas heredan todos los campos del diccionario de tema del nivel raíz.

tip

Para establecer un estilo independiente para un componente, establece un diccionario theme en su diccionario. El campo theme del componente sobrescribe el theme del nivel raíz y combina ambos temas. Cada componente puede tener propiedades de tema propias; consulta la tabla de claves del tema de cada componente.

Si un componente enlaza con una subpágina que no es XUI (como Option/MultipleOption/OrderedOption/EditableList), la subpágina usa el diccionario theme del componente. Si enlaza con otra subpágina XUI (como Link), la subpágina puede establecer su propio diccionario theme, que se combina con el tema de la página principal.

XUI-Dark.png

Interfaz

ClaveTipoDescripción
styleestiloEstilo de la interfaz
tintColorcolorColor de primer plano
backgroundColorcolorColor de fondo
separatorColorcolorColor de los separadores de componentes
backgroundImagecadenaRuta relativa de la imagen de fondo

Barra de navegación

ClaveTipoDescripción
navigationBarColorcolorColor de fondo de la barra de navegación
navigationTitleColorcolorColor del título de la barra de navegación

Encabezado y pie

ClaveTipoDescripción
headerTextColorcolorColor del texto de header
subheaderTextColorcolorColor del texto de subheader
footerTextColorcolorColor del texto del pie
headerBackgroundColorcolorColor de fondo de header
footerBackgroundColorcolorColor de fondo del pie

Componentes comunes

ClaveTipoDescripción
cellBackgroundColorcolorColor de fondo del componente
disclosureIndicatorColorcolorColor del indicador del componente
selectedColorcolorColor de selección
highlightedColorcolorColor resaltado
labelColorcolorColor del texto del título
valueColorcolorColor del texto del valor

Estado

ClaveTipoDescripción
dangerColorcolorColor de error
warningColorcolorColor de advertencia
successColorcolorColor de éxito

Estilo

styleDescripción
GroupedEstilo agrupado (predeterminado)
PlainEstilo plano

El tipo color es una cadena RGB/RGBA hexadecimal que comienza por #; por ejemplo, #FF0000 representa el color rojo.