Se supone que hoy debo lanzar el sitio correctamente, enviar correos electrónicos y hacer que la gente instale la PWA 
Entiendo tu frustración, pero esa no es una respuesta muy útil.
Todo lo que puedo decir por el momento es que parece que algo está modificando el comportamiento normal.
¿Puedes comprobar qué plugins o componentes de temas tienes instalados? ¿Has añadido alguna otra personalización?
No es solo mi sitio. ¿Es cualquier sitio de Discourse?
Ya he explicado por qué este es el caso en Discourse pero no en otros sitios.
Dado que eres un cliente, ya podemos ver con qué sitio estás asociado. Los colores de los botones son exactamente los mismos que en la captura de pantalla que compartí anteriormente. No son tan claros como los tuyos.
Es lo mismo en el tema predeterminado sin personalización ni componentes.
1 me gusta
El problema con los botones que aparecen muy claros en la barra inferior blanca es específico de tu dispositivo/sistema operativo. En otros dispositivos que he probado, la barra inferior es efectivamente blanca cuando el sistema operativo está en modo claro, pero los botones son grises y permanecen visibles. Por lo tanto, el comportamiento que estás viendo no es típico y no afecta a otros usuarios.
S ultra 22
Huawei mate20 pro
Dicho esto, entendemos que la experiencia no es ideal al usar la PWA con un tema oscuro de Discourse mientras el sistema operativo Android está en modo claro. Como dije, abriremos una discusión interna con nuestros desarrolladores y diseñadores para explorar cómo podríamos mejorar este escenario en futuras actualizaciones.
1 me gusta
Esto es raro y contradice lo que has dicho. Es como si funcionara o no, jaja.
Este es un Samsung S24 en modo claro
Este es un Google Pixel en modo claro
Un iPhone no cargó la barra en absoluto, similar al problema que tuvo @chapoi.
Un Samsung S22 más antiguo cargó correctamente con una barra inferior blanca e iconos más oscuros. Tengo otras 10 personas haciendo una prueba más tarde y actualizaré con más información.
1 me gusta
Creo que el navegador Chrome puede manejarlo en algunos casos, dependiendo de la versión de Android, el dispositivo, etc.
En una PWA, la etiqueta <meta name="theme-color"> cambia de forma fiable el color de la barra de direcciones superior en Chrome en Android. El theme_color en manifest.json afecta a la barra de estado y, a veces, a otras partes de la interfaz de usuario, pero el comportamiento varía según el dispositivo, el navegador y la versión de Android.
La barra de navegación inferior nativa generalmente no se puede controlar desde una aplicación web. Algunos navegadores pueden aplicar el color del tema, pero no está garantizado.
Esta es una de las razones por las que convertí mi sitio en una TWA, utilizando Bubblewrap, que también puede controlar los colores de la barra de navegación inferior.
Por lo tanto, con una PWA, puedes estilizar la barra superior, pero el control de la barra de navegación inferior es inconsistente.
El iPhone no cargará esta barra de navegación porque es un elemento nativo del sistema operativo Android.
2 Me gusta
Es simplemente extraño, nunca me había encontrado con este problema. He usado el super pwa de WordPress en 9 sitios y nunca he tenido un problema. Solo el de Discourse. Como usted indica que encontró el mismo problema de inconsistencia, espero que puedan hacer que el estilo de la barra inferior sea el mismo que el de la superior, ya que funciona como se espera en todos los dispositivos.
@dax @chapoi aún más extraño. Si instalo la PWA en mi teléfono a través de Firefox, funciona perfectamente. Al menos ahora puedo ver los botones inferiores.
Esto es en modo claro
1 me gusta
La razón por la que funciona en Firefox pero no en Chrome se debe a cómo cada navegador maneja las PWA en Android, ya que Chrome solo busca el theme_color en el Manifiesto de la Aplicación Web para colorear la barra del sistema. Si el manifiesto no se sirve desde el dominio raíz del sitio o no tiene el color correcto, Chrome simplemente recurre al blanco. Firefox es más flexible y toma los colores de la propia página, por lo que la barra se ve correcta incluso sin un manifiesto personalizado.
En el futuro, tengo un sitio de Discourse alojado que tiene una paleta oscura, hemos deshabilitado todas las demás paletas para que los usuarios no puedan elegir, lo que está en línea con nuestra marca. Tenemos un tema habilitado que los usuarios no pueden cambiar.
¿Cómo podemos hacer que la barra inferior sea #121212 en la PWA en Chrome, ya que tener una aplicación instalable es importante para nosotros?
El sitio oscuro y una barra inferior clara son muy distractores y se ven horribles.
Como dije antes, he abierto una discusión interna para explorar posibles mejoras para este escenario. Sin embargo, con la próxima reunión global de Discourse, el equipo no podrá realizar ningún cambio en el corto plazo y, desafortunadamente, no existe una solución alternativa que pueda garantizar que la barra inferior siempre aparezca oscura en este momento.
Seguimiento rápido. Esto ha sido asignado a un ingeniero para su revisión. Sin embargo, ten en cuenta que la reunión anual de Discourse se acerca muy pronto, así que no creo que haya actualizaciones a corto plazo (por corto plazo, me refiero a “días”).
5 Me gusta