Temas de modo oscuro
Este artículo aplica al editor tradicional. El modo oscuro ofrece a los usuarios la oportunidad de establecer una preferencia de color a nivel del sistema (introducida en Android 10 e iOS 13). Los temas “oscuros” están diseñados para conservar la vida de la batería y reducir la fatiga visual de los usuarios, al tiempo que proporcionan a los desarrolladores de aplicaciones una forma de implementar temas de colores oscuros.
Los mensajes dentro de la aplicación de Braze admiten agregar un tema oscuro alternativo para entregar el mensaje con los colores adecuados a tus usuarios según su preferencia y mantener la coherencia con el diseño de tu aplicación.
Cómo funciona el modo oscuro
Los usuarios con versiones de al menos Android 10 o iOS 13 y posteriores pueden activar o desactivar el modo oscuro en la configuración de su dispositivo.
Cuando el modo oscuro está habilitado, los menús y pantallas nativos del dispositivo (notificaciones push, configuración del dispositivo, etc.) cambiarán a un gris oscuro. Las aplicaciones también pueden optar por admitir el modo oscuro especificando los temas alternativos en el código de la aplicación.
Configurar un tema de modo oscuro
El modo oscuro, ubicado en la pestaña Diseñar al crear un mensaje dentro de la aplicación, te permite agregar un tema de color alternativo para los usuarios que están en modo oscuro en su dispositivo.
Cuando esta opción está habilitada, puedes elegir colores de tema oscuro para tu mensaje dentro de la aplicación usando el selector de color, o seleccionando perfiles de color existentes para reutilizar temas oscuros o claros ya creados.
Puedes usar esta característica incluso si tu aplicación no ofrece su propio tema oscuro. Sin embargo, los dispositivos que no admiten el modo oscuro mostrarán el tema claro de forma predeterminada. Cambiar el tema del dispositivo en Android mientras se muestra un mensaje dentro de la aplicación no cambiará el tema utilizado para ese mensaje dentro de la aplicación.
Usar el modo oscuro de forma consistente
Para usar el modo oscuro en todos los mensajes dentro de la aplicación, ve a Plantillas > Plantillas de mensajes dentro de la aplicación.
Desde allí, selecciona Crear perfil de color en el menú desplegable. Crea un perfil de color que se alinee con tu tema de modo oscuro. Luego, cada vez que crees una versión de modo oscuro de un mensaje dentro de la aplicación, puedes seleccionar ese perfil de color y mantener la apariencia de tus mensajes dentro de la aplicación de forma consistente.
Compatibilidad
- Tus usuarios deben estar en dispositivos iOS versión 13 o superior, o dispositivos Android versión 10 o superior.
- Se requiere Braze iOS SDK v3.21.0+ y Braze Android SDK v3.8.0+.
Las aplicaciones con modo oscuro se introdujeron con Android 10 e iOS 13. Los usuarios que no hayan actualizado sus teléfonos al menos a estas versiones solo verán el tema claro.
Las campañas seguirán entregándose a todos los usuarios que sean elegibles para la audiencia que hayas seleccionado, independientemente de la configuración de modo oscuro o la versión del sistema operativo de los usuarios.
Usar mensajes dentro de la aplicación HTML
Para crear un tema oscuro y claro para mensajes dentro de la aplicación HTML, puedes usar la característica de medios CSS prefers-color-scheme para detectar la preferencia del usuario.
Por ejemplo:
1
2
3
4
5
6
7
8
9
10
11
12
13
@media (prefers-color-scheme: dark) {
body {
background: #333;
color: white;
}
}
@media (prefers-color-scheme: light) {
body {
background: white;
color: #555;
}
}