Несмотря на это, когда я строю приложение с помощью 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
