Сделайте текст в Android Webview Match Toga по умолчанию серого цвета текста (RGBA (0,0,0,0,87)) в приложении Beeware ⇐ CSS

[Anonymous]

Я строю кроссплатформенный графический интерфейс в Python, используя библиотеку Beeware's Toga. Я хочу показать достаточное количество обернутого текста на вкладке «Информация» моего приложения, но встроенный виджет Toga's Label не поддерживает обертку слов. В качестве обходного пути я рендерирую текст как автономный HTML и указываю на веб-просвет. Я бы хотел, чтобы контент WebView забрал один и тот же серый цвет, поэтому он визуально соответствует остальной части приложения. class = "Snippet-Code-Html Lang-Html PrettyPrint-Override">






(function() {
var ua = navigator.userAgent || "";
if (/Android/.test(ua)) {
document.documentElement.classList.add("android");
} else if (/iPhone|iPad|iPod/.test(ua)) {
document.documentElement.classList.add("ios");
}
})();



:root {
--bg: #FFFFFF;
--fg-light: #000000;
--fg-dark: #FFFFFF;
color-scheme: light dark;
}
.android {
--fg-light: rgba(0, 0, 0, 0.87);
--fg-dark: rgba(255, 255, 255, 0.87);
}
@media (prefers-color-scheme: light) {
:root { --fg: var(--fg-light); --bg: #FFFFFF; }
}
@media (prefers-color-scheme: dark) {
:root { --fg: var(--fg-dark); --bg: #000000; }
}
body {
margin: 0; padding: 10px;
background: var(--bg);
color: var(--fg);
font-family: -apple-system, BlinkMacSystemFont, sans-serif;
line-height: 1.5;
}
h1 { font-size: 30pt; margin-bottom: 10px; }
p { font-size: 16pt; margin-bottom: 15px; }



Title
Some wrapped text…

< /code>
< /div>
< /div>
< /p>
Несмотря на правильное обнаружение Android (я могу добавить другие специфичные для Android стили), текст все еще оставляет черный в WebView, а не серый тог. Способ запрашивать или наследовать цвет текста System/toga по умолчанию в веб -просветном обзоре Android (например, через CSS или JS).
Альтернативно, программный подход в Toga для введения правильного CSS или темы в Web -View. rgba (0, 0, 0, 0,87) (или тективный цвет тека текущей темы), а не чистый черный? Любые указатели или примеры будут высоко оценены!

Подробнее здесь: https://stackoverflow.com/questions/796 ... -rgba0-0-0