New to HA, switching from Hubitat… I am trying to create a dashboard for the Fire HD 10s on my walls running Fully Kiosk. I have tried everything and no matter what I do HA is in light mode and won’t show a black background on the dashboard. I have tried developer options night mode on the Fire, force dark mode in fully kiosk and changing HA to dark mode on the user profile the tablets are logged in with. No matter what I do the dashboards still show with a white background and the HA login screen etc do too. Is there anything I can do to get the background black or get HA to use dark mode? Thanks!
You could create a dark theme and make that the default. There’s a short summary here:
I think the login screen is always going to be white because at that point the browser doesn’t know which theme to use. Certainly on my wall dashboards, the HA startup screen is always white.
Google dark theme from HACs looks great.
There is a dark theme in the user settings.
If that does not work, then it might be your browser cache that plays in and you need to flush it
thanks, but I have tried all that and no luck. i did notice that if i use a “theme” in the raw config editor like ios-light-blue-whatever the background still stays dark on my laptop and light on the tablet. am I missing something with backgrounds and bgcolors on the dashboards?
Maybe a silly thought, but if the tablet constantly keeps overriding settings, could it be an accessibility setting on the tablet? High contrast for vision impaired or something like it?
i will check but i don’t think so. they worked fine with hubitat and i had a nice black background and gray buttons.
All accessibility settings are off. I think one of the issues is the Fire Tablet doesn’t have a “dark mode” setting anywhere and night mode in dev options doesn’t do anything. The hubitat dashboard works great because the colors are css. Is there an easy way in the raw editor to force background color?
the themes are doing a good job of changing the card colors but not the bg
I can say it works on android tablet, android phone and different PC browsers.
I do not have any Apple products though.
Is this under user settings not working? You can click your user name from the lower left corner.
And, to isolate the issue, what do you see when you go to the same HA Dashboard url from different computers / phones / different browsers?
What do you see using the companion app?
Finally, if this is only happening on the Fire HD 10 tablet, maybe update the version of the WebView rendering engine. Some of the earliest Amazon Fire tablets were from 2015, so the webpage rendering component in it might be too old - if Amazon or Google is not updating those…
It is working on everything but the fire tablet… it is older software because I used the fire toolkit to root it and keep it from getting a newer version of FireOS. This is what was done:
Which has been working great with Hubitat and its dashboards for years. I am only seeing this issue now that I switched but it very well could be realted to old software.
That being said… how can I force a background color on a dashboard. Similar to the CSS used for Hubitat which did give it a nice black / gray background. Thanks!
maybe card_mod can, but I do not know for sure.
If not already, maybe try updating WebView via google play?
… Or try sideload other (older) WebView versions You searched for webview - APKMirror?
… Or WebView alternatives SystemWebView releases | Bromite - take back your browser…?
Installed webview from apk mirror… still white background
Does the companion app on the same tablet exhibit the same issue? Does a Firefox browser on the same tablet exhibit the same?
Other than clear the cache & cookies of the “Android System WebView”, and maybe try other versions of the WebView. I’m out of ideas at this point.
Thanks. I will try some stuff tomorrow as well. I was hoping someone might have an idea. This older fireOS doesn’t have dark / light mode option. It only has Night mode in dev options which doesn’t seem to do much. And since the Hubitat dashboards used CSS they seemed to work fine. Fully Kiosk has a force dark mode option but HA seems to be ignoring it.
so setting a background image on the dashboard works great… does card mod or something else let me force colors on cards? so I can basically just force this one dashboard for these tablets to dark mode if you will by setting the card colors to dark gray or something?
ok… finally got to really mess with it tonight and I feel stupid… I set the theme on kiosk user on my laptop and expected it would carry over for every device the user was using… i now know that i have to set it on that user per device and i can force dark mode fine. since the version of fireOS that I am running that is “hacked” with fire toolkit is older and doesn’t have it built in so i cannot use auto. thanks for all the help and sorry I hadn’t had time to actually mess with it more before I posted.