Почему Мета теги «Флаттер -веб -тем» игнорируются в мобильных браузерах ⇐ Html

[Anonymous]

Я разрабатываю веб -приложение Flutter и настроил метатеги темы в моем Web/index.html следующим образом:



Несмотря на это, когда я строю приложение с помощью Flutter Build Web -release и открываю приложение в Chrome на мобильном телефоне (специально в режиме Dark), панель состояния и браузер Панели инструментов остаются черными, вместо того, чтобы использовать указанный цвет темного режима (#161E27) .
Как я могу решить эту проблему?
Здесь Полное содержание моего Web/index.html файл:



















My App





html {
height: 100%
}

body {
margin: 0;
min-height: 100%;
background-color: #ffffff;
background-size: 100% 100%;
}

.center {
margin: 0;
position: absolute;
width: 75px;
height: 70px;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.contain {
display:block;
width:100%; height:100%;
object-fit: contain;
}

.stretch {
display:block;
width:100%; height:100%;
}

.cover {
display:block;
width:100%; height:100%;
object-fit: cover;
}

.bottom {
position: absolute;
bottom: 0;
left: 50%;
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}

.bottomLeft {
position: absolute;
bottom: 0;
left: 0;
}

.bottomRight {
position: absolute;
bottom: 0;
right: 0;
}

@media (prefers-color-scheme: dark) {
body {
background-color: #161E27;
}
}


function removeSplashFromWeb() {
document.getElementById("splash")?.remove();
document.getElementById("splash-branding")?.remove();
document.body.style.background = "transparent";
}














Подробнее здесь: https://stackoverflow.com/questions/794 ... e-browsers