CSS Personalizado
Los Espacios alojados y publicados pueden personalizarse usando CSS.
Sus cambios de CSS solo se incluirán en su dominio personalizado. Cuando previsualice su Espacio publicado, no serán visibles, por lo que debe publicarlo en Producción.
Elija un espacio y haga clic en el ícono Configuraciones ( ⚙️ ) para abrir las Configuraciones del Espacio
Busque la pestaña Filtros de Tareas: Tipo de Tarea: Personalizada Código en la ventana de Configuraciones del Espacio
Vaya al campo CSS personalizado
Escriba las etiquetas HTML <style>.
Guarde sus cambios en el campo Custom CSS.
<style>
/* add the CSS clases and the properties you want to change */
</style>
Por razones de seguridad, el código personalizado solo se incluye en un dominio personalizado.
En todo el DOM, encontrará elementos HTML con una clase CSS que empieza con ab-. Puede dirigirse a estas clases para diseñar el portal. Estas clases están garantizadas para no cambiar nunca, de modo que no rompamos su estilo cuando actualizamos el sistema.
Si el elemento que intenta diseñar no tiene una clase que empiece con ab-, no permitimos personalización, y es principalmente para protegerlo. Por ejemplo, si cambiamos la estructura, podría afectar su estilo.
Cada elemento y bloque en la sección de contenido también tiene una clase similar. A continuación puede encontrar una lista de las clases. Si desea revisarlas, abra DevTools en su navegador haciendo clic derecho -> Inspect.
Esta es una lista de las clases CSS disponibles:
OpenAPI clases CSS
Clases de BreadCrumbs
El modo oscuro agrega una clase dark en la parte superior del árbol HTML, y puede usarla para orientar los estilos en modo oscuro.
Por ejemplo, así es como cambia el texto a rojo en modo oscuro:
<style>
.dark .ab-paragraph {
color: red !important ;
}
</style>