I have a raspi with a 10" display running openhab. A browser shows the BasicUI sitemap all the time. My problem is that the white theme of the BasicUI is too bright for my taste. I know I could create a HABPanel with a dark background. But since my UI is still far from being finished and I also wa…

There’s a dark theme in the OpenHAB Android app available from the App Store. The layout is similar to BasicUI so should work for your needs

I know, I think you misundertood me. I’d like to use a dark theme in a browser, similar to the one already available in the android app.

Hi @Grestorn , there are no Themes for Basic UI. However I think that might be interesting for more users and could become available in future. What we basically need for that is ab alternative style sheet and a mechanism in Basic UI to select a theme. You can shortcut this process for yourself no…

You’re perfectly right, why not just do it yourself. I used the chrome extension “StyleBot” to adapt the stylesheet a bit. It’s so easy that I’m almost embarrassed having asked here … :slight_smile: That’s the result after just about 10 minutes: [image] And if anyone is interested, here’s the S…

That’s a huge improvement in my opinion

Hi, you can also inject your own CSS into the basic UI; see the following post(s): [image] Customizing Basic UI with CSS Tutorials & Examples Hi all, my favorite UI; here a small inspiration on how to hide the default navigation and to inject a custom .css to…

So cool! I wanted to do this but didn’t realize it was possible. I should of course have known better…

I’ve started working on Basic UI theming feature in my spare time. It’ll be based on css variables, just like we did it with HABPanel . I’ll get an GH issue and PR sorted whenever I have any results :wink: Cheers

I’ve only just started playing with this and am already pleased with the possibilities. Thanks @kubawolanin for your work to make this more accessible. It would be nice if this were to be accessible to the iOS app as well… the white screen can be blinding when adjusting settings in a dark bedroom.…

Basic UI:; dark theme

Setup, Configuration and Use Items & Sitemaps

patrik_gfeller (Patrik Gfeller) August 25, 2017, 1:35pm 7

Hi,

you can also inject your own CSS into the basic UI; see the following post(s):

with kind regards,
Patrik