I am supposed be putting the site properly live today, sendingnout emails and getting people install the pwa 
אני מבין את התסכול שלך, אבל זו לא תשובה מועילה במיוחד.
כל מה שאני יכול לומר כרגע הוא שזה נראה שמשהו משנה את ההתנהגות הרגילה.
האם אתה יכול לבדוק אילו תוספים או רכיבי ערכות נושא התקנת? האם הוספת התאמות אישיות אחרות?
זה לא רק האתר שלי. זה כל אתר דיון???
I have already explained why this is the case on Discourse but not on other sites.
Since you are a customer, we can already see which site you are associated with. The colors of the buttons are exactly the same as in the screenshot I shared earlier. They are not as light in color as yours.
Its the same on the default theme with no customisation or components
לייק 1
The issue with the buttons appearing very light on the white bottom bar is specific to your device/OS. On other devices I’ve tested, the bottom bar is indeed white when the OS is in light mode, but the buttons are gray and remain visible. So the behavior you’re seeing is not typical and doesn’t affect other users.
S ultra 22
Huawei mate20 pro
That said, we understand the experience isn’t ideal when using the PWA with a dark Discourse theme while the Android OS is in light mode. As I said, we will open an internal discussion with our devs and designers to explore how we could improve this scenario in future updates.
לייק 1
Well this is weird and contradicts what you have said. Its like hit or miss haha.
This is a samsung s24 in light mode
This is a google pixel in light mode
One iphone didnt load the bar at all similar to above @chapoi issue had.
One older samsung s22 loaded with white bottom bar and darker icons correctly. I have another 10 people doing a test later and will update more.
לייק 1
I think Chrome browser can handle it in some cases, depending on the Android version, device etc…
In a PWA, the <meta name="theme-color"> reliably changes the top address bar color in Chrome on Android. The theme_color in manifest.json affects the status bar and sometimes other UI parts, but behavior varies by device, browser and Android version.
The native bottom navigation bar usually cannot be controlled from a web app. Some browsers may apply the theme color, but it’s not guaranteed.
This is one of the reasons I converted my site into a TWA, using Bubblewrap, which can also handle bottom navigation bar colors.
So with a PWA, you can style the top bar, but bottom navigation bar control is inconsistent.
iPhone won’t load this navigation bar because this is a native element in the Android OS.
2 לייקים
זה פשוט מוזר, מעולם לא נתקלתי בבעיה הזו. השתמשתי ב-wordpress super pwa על 9 אתרים ומעולם לא הייתה לי בעיה. רק זה של discourse. כפי שציינת שנתקלת באותה בעיה של חוסר עקביות, אני מקווה שהם יוכלו להפוך את סגנון שורת התחתית זהה לזה של העליונה, מכיוון שזה עובד כמצופה בכל מכשיר.
@dax @chapoi even more bizarre. If i install the pwa on my phone through firefox it works perfectly. At least i can see the bottom buttons now.
This is in light mode
לייק 1
הסיבה לכך שהוא עובד בפיירפוקס אך לא בכרום נובעת מהאופן שבו כל דפדפן מטפל ב-PWA באנדרואיד, מכיוון שכרום מסתכל רק על theme_color במניפסט של אפליקציית האינטרנט כדי לצבוע את שורת המערכת. אם המניפסט אינו מוגש מתחום השורש של האתר או שאין לו את הצבע הנכון, כרום פשוט חוזר לבן. פיירפוקס גמיש יותר ולוקח את הצבעים מהדף עצמו, כך שהפס נראה נכון גם ללא מניפסט מותאם אישית.
לכן, קדימה, יש לי אתר דיסקוס מארח עם פלטת צבעים כהה, כל הפלטות האחרות מושבתות כך שהמשתמשים לא יכולים לבחור, מה שמתאים למותג שלנו. יש לנו ערכת נושא אחת מופעלת שהמשתמשים לא יכולים לשנות.
כיצד נוכל להפוך את סרגל התחתון ל-#121212 ב-PWA בכרום, מכיוון שיש לנו אפליקציה שניתן להתקין וזה חשוב לנו?
האתר הכהה והסרגל התחתון הבהיר כל כך מסיחים את הדעת ונראים נורא.
כפי שאמרתי קודם, פתחתי דיון פנימי כדי לבחון שיפורים אפשריים לתרחיש זה. עם זאת, מכיוון שפגישת ה-Discourse העולמית מתקרבת, הצוות לא יוכל לבצע שינויים בטווח המיידי, ולמרבה הצער אין פתרון שיכול להבטיח שהסרגל התחתון יופיע תמיד כהה בשלב זה.
מעקב מהיר. הנושא הוקצה כעת למהנדס לבדיקה. עם זאת, קחו בחשבון שפגישת ה-Discourse השנתית מתקרבת במהירות, כך שלא צפויים עדכונים בטווח הקצר (טווח קצר, אני מתכוון “ימים”).
5 לייקים