Witam,
oczywiście, że można stosować css do Basic UI. Jest sporo tematów poświęconym własnym pomysłom na wygląd OpenHABa, a jednym z najbardziej popularnych tematów, na który wszyscy się powołują to:
https://community.openhab.org/t/customizing-basic-ui-with-css/31706
Co trzeba zrobić aby zmodyfikować Basic UI?
Stworzyć plik HTML-owy w folderze /conf/html np. test.html i w niej zaszyć odwołanie do css-a, który można umieścić w tym samym folderze lub zrobić oddzielny.
addStyleSheet("../css/test.css")
Natomiast w pliku .sitmaps na końcu wstawić odwołanie do naszej strony.
Webview url="/static/test.html"
Oczywiście to nie wyczerpuje tematu, gdyż osobiście nie jestem dobry w tym temacie, ale pokazuje, że można. Informacje potwierdzone, które u mnie działają.
Przykład bardzo prostej strony, niestety bez css
<html>
<body>
<script type="text/javascript">
function addStyle(s)
{
var ele = window.parent.document.createElement('style');
ele.innerHTML = s;
window.parent.document.head.appendChild(ele);
}
addStyle('main {border-top:2px solid #005050 !important;}');
addStyle('input{background:#008080 !important;}');
addStyle('div{background:#000000 !important;color:#00c0c0 !important;}');
addStyle('button {background:#306070 !important; border:1px solid #005050 !important;}');
addStyle('.mdl-form__row {border-bottom:1px solid #004040 !important;}');
addStyle('.mdl-color--white{background:#000000 !important;}');
addStyle('.mdl-form__value--slider{background:#303030 !important;}');
</script>
</body>
</html>
vellkan jak byś potrafił zrobić css-a podobnego do tego https://community.openhab.org/t/basic-ui-dark-theme/33603/5 , to byłbym bardzo wdzięczny 🙂
Dodane : 07/03/2019 3:00 pm
