Changer la couleur de la barre inférieure mobile

Existe-t-il un moyen simple de changer la couleur de la barre inférieure sur les téléphones Android. Actuellement, sur les palettes sombres, elle est blanche et les commandes sont également très claires, donc difficiles à voir.

Pas de reproduction avec Chrome :

Pourriez-vous partager un peu plus de détails afin que nous puissions examiner cela correctement ? Spécifiquement :

  • quel modèle de smartphone utilisez-vous ?
  • quelle version d’Android exécute-t-il ?
  • quel navigateur (et quelle version) utilisez-vous pour accéder au site ?
  • utilisez-vous la PWA, ou peut-être l’application DiscourseHub ?

Utilisation du pwa

Samsung galaxy s20 ultra

Bonjour :waving_hand:

Je pense que c’est parce que votre appareil n’est pas en mode sombre. La barre de navigation inférieure est un élément natif d’Android, et Discourse ne la modifie pas, donc sa couleur correspond aux paramètres de votre appareil.

4 « J'aime »

Lorsque je visite tout autre site Web ou application, cela change. C’est seulement discourse

Discourse fonctionne en fait dans le navigateur Chrome et utilise les couleurs de la palette. C’est juste que la PWA ne fonctionne pas

2 « J'aime »

Êtes-vous sûr de cela ?

Le passage du thème clair au thème sombre change correctement la couleur de la barre de navigation sur mon Galaxy S23.

Ce n’est pas le cas, mon ami, il utilise une couleur du thème ou ce que le site web lui indique.

Je viens de faire un test et il utilise bien la couleur d’arrière-plan des palettes pour changer la barre du bas. Le pwa est le problème sur tous les sites discourse que j’utilise

Comme l’a dit Don, votre appareil est configuré en mode clair, et non en mode sombre. Cependant, le problème que vous avez signalé semble ne se produire que lors de l’utilisation du PWA, alors qu’il ne se produit pas lors de l’accès au forum en mode sombre via un navigateur.

Peu importe si elle est définie sur clair ou sombre sur tout autre site Web ou application que j’utilise, car elle utilise les couleurs définies par le site Web ou l’application.

Voici quelques exemples supplémentaires.

Le problème ne se produit que dans la PWA car Android détermine les couleurs de la barre système en fonction du fichier manifest du site, et non du thème ou du CSS de la page.

Sur votre site professionnel hébergé, il n’y a aucun moyen pour les clients de changer cela. Le manifest doit être servi à partir du domaine racine du site. Toute tentative de charger un manifeste personnalisé à partir d’une source externe, ou de l’injecter via un thème ou du JS, est bloquée par la Politique de sécurité du contenu du site, elles ne fonctionneront donc pas.

La modification de la couleur de la barre système de la PWA n’est pas quelque chose qui peut être fait de votre côté.

2 « J'aime »

Alors vous dites que la PWA est inutile ? Parce qu’il est impossible de voir le bouton retour et les boutons en bas.

Aussi, si c’est le cas, comment se fait-il que le haut de l’écran change de couleur pour afficher l’heure et le signal, etc. ? Sûrement si cela change de couleur, le manifeste peut effectivement le faire ?

Honnêtement, je ne sais pas pourquoi vos boutons sont si clairs. Je n’ai pas ce problème sur mon S Ultra 22.

Dans tous les cas, j’ouvrirai une discussion interne à ce sujet, car nous travaillons actuellement sur les palettes de couleurs.

Pouvez-vous essayer d’installer le PWA ici
Https://www.carptalk.org

Par curiosité : quelle variable avez-vous modifiée dans la palette de couleurs ?

C’est seulement sur Discoure qu’ils sont comme ça. N’importe quel autre site fonctionne bien.

Assez intéressant, lors de l’installation de la PWA sur iOS, je n’ai pas de barre inférieure du tout… Pensez-vous qu’il y ait une personnalisation en cours ici ?

La couleur secondaire. Je peux facilement changer la couleur de la barre et de la partie supérieure