Un tema define los colores de la marca, las fuentes, el radio de las esquinas y las sombras de tu comunidad, por separado para el modo claro y el modo oscuro. Usa los temas para adaptar el esquema de color a tu marca y para elegir si los miembros ven tu comunidad en modo claro u oscuro de forma predeterminada.
Quién puede hacerlo: los propietarios y administradores. Cada miembro elige su propio modo claro u oscuro. · Dónde: web (consola de administración). Los miembros cambian de modo en la web y en la app de Mateflow. · Plan: los temas y los colores no dependen del plan. CSS personalizado depende de tu plan de la plataforma.
Abrir la página Temas
Ve a Admin → Apariencia → Temas. También puedes hacer clic en Gestionar colores y fuentes en Temas → en la página Marca.
- Tema activo muestra el tema que ven ahora los miembros. Lleva la insignia En vivo.
- Biblioteca de temas muestra tus demás temas. Puedes buscarlos u ordenarlos, por ejemplo por Actualizado recientemente.
- Los botones de la parte superior son App Theme, Settings y Add Theme.
Añadir un tema nuevo a partir de un ajuste predefinido
- Haz clic en Add Theme.
- Escribe un Nombre del Tema (hasta 50 caracteres).
- Elige un ajuste predefinido. Usa Buscar ajustes... o el filtro Categoría para encontrarlo. Un tema siempre parte de un ajuste predefinido.
- Para que se publique enseguida, marca Publicar inmediatamente.
- Haz clic en Crear Tema.
Para copiar un tema existente, abre su menú ⋯, haz clic en Clonar, escribe un Nombre del nuevo tema y haz clic en Clonar tema. La copia conserva todos los colores de los modos claro y oscuro, la tipografía, el espaciado, los bordes y las sombras.
Editar los colores y las fuentes de un tema
Haz clic en Personalizar en el tema activo, o abre el menú ⋯ de otro tema y haz clic en Editar. El editor se abre con el título Editar Tema: y el nombre del tema.
- En Modo de Color, elige Claro u Oscuro. Cada modo tiene sus propios colores, así que configura los dos.
- En la pestaña Colores, configura colores como Background, Primary, Accent, Card y Sidebar. Cada color de texto muestra su relación de contraste. Haz clic en Ajuste inteligente para corregir un color que no alcanza el nivel de contraste AA de WCAG.
- En la pestaña Tipografía, elige la Familia tipográfica y el Espaciado entre letras.
- En la pestaña Otros, configura el Radio de Borde y la Sombra. CSS personalizado también está aquí, si tu plan de la plataforma lo incluye.
- Revisa la Vista previa en vivo. Cambia entre Feed, Publicación, Perfil y UI, y entre Vista Escritorio y Vista Móvil.
- Haz clic en Guardar.
Guardar el tema activo cambia lo que ven los miembros. Para probar cambios sin riesgo, edita un tema de la biblioteca y publícalo cuando esté listo.
Publicar un tema
Haz clic en Publicar en un tema de la Biblioteca de temas. Pasa a ser el Tema activo, y el anterior vuelve a la biblioteca. Solo puede haber un tema en vivo a la vez.
Puedes eliminar cualquier tema excepto el que está en vivo: abre su menú ⋯, haz clic en Eliminar y confirma. La eliminación no se puede deshacer.
Restaurar una versión anterior de un tema
Mateflow guarda una instantánea de un tema cada vez que se edita, se publica o se revierte.
- Abre el menú ⋯ del tema y haz clic en Historial.
- En Historial de versiones, busca la versión que quieres y haz clic en Revertir.
- Confirma. Mateflow guarda primero el estado actual como una nueva instantánea, así que puedes deshacer la reversión.
Configurar el modo claro u oscuro predeterminado
El modo predeterminado se aplica a todas las personas que no han elegido el suyo.
- En la página Temas, haz clic en Settings.
- En Apariencia predeterminada, elige Claro, Oscuro o Sistema (automático). Sistema (automático) sigue la configuración del dispositivo de cada persona.
- Haz clic en Guardar configuración.
Cómo cambian los miembros entre el modo claro y el oscuro
Los miembros pueden cambiar tu modo predeterminado en cualquier momento:
- Web: haz clic en el avatar y luego en Apariencia (o ve a Ajustes → Apariencia). En Tema, elige Seguir a la comunidad, Sistema, Claro u Oscuro. Seguir a la comunidad indica qué modo configuraste como predeterminado.
- App: abre Configuración y privacidad → Apariencia. En Tema, elige Según la comunidad, Según el sistema, Claro u Oscuro.
Los miembros no pueden elegir otro tema. Los colores de tu tema publicado se aplican a todos, en el modo que cada uno elija.
Dar a la app de Mateflow sus propios colores
De forma predeterminada, la app de Mateflow usa colores tomados de tu tema web en vivo. Para cambiarlos solo en la app:
- Haz clic en App Theme en la página Temas.
- Elige Claro u Oscuro y configura los colores que quieras cambiar. Los colores que dejes vacíos usan los predeterminados de la app. Derive from web rellena un borrador inicial a partir de tu tema web.
- Haz clic en Guardar.
La personalización de la app se guarda con tu tema en vivo, y la app conserva sus propias fuentes. Para que la app vuelva a seguir tu tema web, haz clic en Clear override y confirma.
Artículos relacionados
¿Te resultó útil esta guía?