Проблемы с цветом нижней панели навигации Android в Discourse PWA

Есть ли простой способ изменить цвет нижней панели на Android-устройствах? Сейчас в тёмных палитрах она белая, а элементы управления тоже очень светлые, из-за чего их трудно различить.

С Chrome проблема не воспроизводится:

Не могли бы вы предоставить немного больше подробностей, чтобы мы могли должным образом разобраться в ситуации? А именно:

  • какая у вас модель смартфона?
  • какая версия Android установлена?
  • какой браузер (и какая его версия) вы используете для доступа к сайту?
  • используете ли вы PWA или, возможно, приложение DiscourseHub?

Использование PWA

Samsung Galaxy S20 Ultra

Привет :waving_hand:

Думаю, это потому, что на вашем устройстве не включён тёмный режим. Нижняя панель навигации — это нативный элемент Android, и Discourse не изменяет его, поэтому её цвет соответствует настройкам вашего устройства.

Когда я захожу на любой другой сайт или в приложение, всё меняется. Это только в Discourse.

Discourse на самом деле работает в браузере Chrome и использует цвета из палитры. Проблема возникает только в PWA.

Вы уверены в этом?

При правильном переключении светлой/тёмной темы цвет панели навигации на моём Galaxy S23 меняется.

Нет, друг, он использует цвет из темы или то, что указывает веб-сайт.

Только что провел тест, и действительно используется цвет фона палитры для изменения нижней панели. Проблема с PWA возникает на любых сайтах Discourse, которые я использую

Как сказал Дон, ваше устройство настроено на светлую тему, а не на тёмную. Однако, судя по вашему сообщению, проблема возникает только при использовании PWA, тогда как при доступе к форуму в тёмной теме через браузер она не проявляется.

Это не имеет значения, даже если на других сайтах или в приложениях, которые я использую, включён светлый или тёмный режим, так как здесь используются цвета, определённые самим сайтом или приложением.

Вот ещё несколько примеров.

Проблема возникает только в PWA, так как Android определяет цвета системной панели на основе файла manifest сайта, а не темы страницы или CSS.

На вашем размещенном сайте у клиентов нет возможности изменить это. Файл manifest должен предоставляться с корневого домена сайта. Любые попытки загрузить пользовательский манифест из внешнего источника или внедрить его через тему или JS блокируются политикой безопасности контента сайта, поэтому они не сработают.

Изменение цвета системной панели PWA невозможно выполнить на вашей стороне.

Так что вы говорите, что PWA бесполезна? Потому что невозможно увидеть кнопку «Назад» и кнопки внизу.

Кроме того, если это так, то почему верхняя часть экрана меняет цвет на правильный, где находятся часы, сигнал и т. д.? Разве если это меняет цвет, то манифест действительно может это сделать?

Честно говоря, не понимаю, почему у вас такие светлые кнопки. У меня на S Ultra 22 этой проблемы нет.

В любом случае я инициирую внутреннее обсуждение по этому вопросу, так как мы сейчас работаем над цветовыми схемами.

Попробуйте установить PWA здесь

Из любопытства: какую переменную вы изменили в цветовой палитре?

Такое бывает только в Discourse. На остальных сайтах всё в порядке.

Интересно, что при установке PWA на iOS у меня вообще нет нижней панели… Думаю, здесь есть какая-то кастомизация?

Вторичный цвет. Я могу легко изменить цвет полосы и верхней части