I can not overwrite --f7-page-bg-color?

Add-ons UIs
1

Hey, I searched a lot at the forum but I could not find a solution to change the whole background color of my main ui.

I think the only solution is the variable --f7-page-bg-color but at the page style it does not work. Any ideas?

This is my yaml:

config:
  label: Overview
  style:
    --f7-card-bg-color: linear-gradient(30deg, transparent, rgba(0,0,0,0.6))
    --f7-page-bg-color: linear-gradient(180deg, rgba(42, 123, 155, 1) 0%, rgba(97, 242, 157,
      1) 100%, rgba(237, 221, 83, 1) 100%)
2

Alas, there is no good way to achieve any site-wide styling at the moment including the background color. Setting the page background variable in the overview page won’t have any impact because the backgrounds you are seeing are from elements above the overview page in the dom structure and the css settings don’t propagate back up the tree.

3

Ok. Thanks for the answer. It would be very nice for the future of openHAB to implement a way to overwrite this variables.

I found the file at the repository. So I think the only way to do this is to change it at the file and rebuild the jar file.