¿Hay alguna forma fácil de cambiar el color de la barra inferior en los teléfonos Android? Actualmente, en paletas oscuras, es blanca y los controles también son muy claros, por lo que es difícil de ver.
No se reproduce con Chrome:
¿Podrías compartir un poco más de detalle para que podamos investigarlo adecuadamente? Específicamente:
- ¿qué modelo de smartphone estás usando?
- ¿qué versión de Android tiene?
- ¿qué navegador (y versión) estás usando para acceder al sitio?
- ¿estás usando la PWA, o quizás la aplicación DiscourseHub?
Hola 
Creo que es porque tu dispositivo no está en modo oscuro. La barra de navegación inferior es un elemento nativo de Android, y Discourse no la modifica, por lo que su color coincide con la configuración de tu dispositivo.
4 Me gusta
Discourse funciona en el navegador Chrome y utiliza los colores de la paleta. Simplemente no funciona en la PWA.
2 Me gusta
¿Estás seguro de eso?
Cambiar el tema claro/oscuro cambia correctamente el color de la barra de navegación en mi Galaxy S23.
No es así, utiliza un color del tema o lo que el sitio web le indica.
Acabo de hacer una prueba y, efectivamente, utiliza el color de fondo de las paletas para cambiar la barra inferior. El PWA es el problema en cualquier sitio de Discourse que uso.
Como dijo Don, tu dispositivo está configurado en modo claro, no en modo oscuro. Sin embargo, el problema que informaste parece ocurrir solo cuando se usa la PWA, mientras que no ocurre cuando se accede al foro en modo oscuro a través de un navegador.
No importa si está configurado en claro u oscuro en cualquier otro sitio web o aplicación que use, ya que utiliza los colores definidos por el sitio web o la aplicación.
El problema solo ocurre en la PWA porque Android determina los colores de la barra del sistema basándose en el archivo manifest del sitio, no en el tema o CSS de la página.
En tu sitio de negocios alojado, no hay forma de que los clientes cambien esto. El manifest debe servirse desde el dominio raíz del sitio. Cualquier intento de cargar un manifiesto personalizado desde una fuente externa, o de inyectarlo a través de un tema o JS, es bloqueado por la Política de Seguridad de Contenido del sitio, por lo que no funcionará.
Cambiar el color de la barra del sistema de la PWA no es algo que se pueda hacer de tu lado.
2 Me gusta
¿Entonces dices que la PWA es inútil? Porque es imposible ver el botón de retroceso y los botones en la parte inferior.
Además, si este es el caso, ¿cómo es que la parte superior de la pantalla cambia a los colores adecuados donde está el reloj y la señal, etc.? Seguramente si eso cambia de color, el manifiesto puede hacerlo, ¿verdad?
Honestamente, no sé por qué tus botones son tan claros. No tengo este problema en mi S Ultra 22.
De todos modos, abriré una discusión interna sobre este asunto, ya que actualmente estamos trabajando en esquemas de color.
¿Puedes intentar instalar la PWA aquí?
Https://www.carptalk.org
Por curiosidad: ¿qué variable cambiaste en la paleta de colores?
Solo son así en Discoure. Cualquier otro sitio está bien.
Curiosamente, al instalar la PWA en iOS, no tengo ninguna barra inferior… ¿Crees que hay alguna personalización en marcha?
El color secundario. Puedo cambiar fácilmente el color de la barra y la parte superior.