Saltar al contenido

Agregue estilos y componentes personalizados para los componentes web UI5 para la reacción

Puede cambiar el aspecto de los componentes web utilizando Variables CSS. De forma predeterminada, los parámetros del tema de Fiori 3 se inyectan en el encabezado del documento como variables CSS. Si desea cambiar, p. Ej. color de cada texto, puede hacerlo creando otro elemento de estilo.

Abre el index.html archivo dentro de su public carpeta y coloque el siguiente contenido dentro de la <head> elemento:

  <style>
    * {
      --sapTile_TitleTextColor: limegreen;
    }
  </style>

El es sapTile_TitleTextColor Las variables CSS cambian el estilo Card títulos y el * el selector de estilo agrega todos los elementos.

Como resultado, sus textos ahora se muestran en todos los elementos HTML en el título en el que se ha aplicado este estilo. limegreen en vez de #6a6d70 que sería el valor predeterminado para Fiori 3. Puede cambiar las Variables CSS en cualquier nivel, en la cabecera o en cada elemento mediante el uso de clases CSS o estilo de elemento.

Puede encontrar una lista completa de todas las variables CSS compatibles en el ThemingParameters.

Hecho

Inicie sesión para responder la pregunta