[OH3] oh-label-card text color

[sl4m (Simon)]

Dear all,
i am trying to make a dark screensaver page for my wall tablet.
However i am struggeling by adapting the default widgets to black background and white text color.
By the help of this post i managed to change the clock color to white:

[OH3] oh-clock-card text color

In an oh-clock widget the style parameter pass the css attributes directly to the block holding the time text so - component: oh-clock config: style: color: green Will get you green text for the time. However, in an oh-clock-card the style parameter is passed to the card and, due to all the layers of built-in formatting for the card, many attributes won’t trickle down to the actual time text. In this case you’ll have to use more direct css via the stylesheet property: - componen…

But i am not able to do this with a oh-label-card widget:

There is white-space around the widgets and the text is still black (this is why i made the background gray for test purpose).

This is how my YAML looks like:

  - component: oh-grid-item
    config:
      x: 8
      y: 11
      h: 3
      w: 3
    slots:
      default:
        - component: oh-image-card
          config:
            item: EchoSpotSchlafzimmer_BildURL
            noBorder: true
            noShadow: true
            background: black
            style:
              white-space: nowrap
              background: black
            outline: false
          slots: null
  - component: oh-grid-item
    config:
      x: 0
      y: 11
      h: 1
      w: 8
    slots:
      default:
        - component: oh-label-card
          config:
            themeDark: true
            stylesheet: |
              .col > div {
                color: white
              }
            item: EchoSpotSchlafzimmer_Untertitel1
            background: gray
            style:
              color: green
          slots: null
  - component: oh-grid-item
    config:
      x: 0
      y: 12
      h: 2
      w: 8
    slots:
      default:
        - component: oh-label-card
          config:
            noBorder: true
            noShadow: true
            background: gray
            item: EchoSpotSchlafzimmer_Titel

It would be alot easier if it would be possible to just set a complete back to “dark theme” …
Using this “rows” and “cols” this seems to work. Why not with “fixed grid”?

- component: oh-grid-col
                config:
                  themeDark: true
                slots:
                  default:
                    - component: oh-image-card
                      config:
                        item: EchoSpotSchlafzimmer_BildURL

Can someone help?