[OH3] oh-clock-card text color

Add-ons UIs
1

Has anyone an idea on how to change the text color of the oh-clock-card widget?

Background can be changed, but the text color stays black obviously, which is sometimes not desired.

grafik
grafik1222×374 51 KB

I tried to add the corresponding CSS argument (color: rgba(255,255,255) to the YAML code, but without effect.

2

I have the same question. Any solutions? I added timeFontColor,but no effects.

3

I do have the same question. Can someone help?

4

simply, digit: red, green, ecc

5

Thanks, any keyword for the background available?

6

Try with name colore
Green, Yellow, Red, blu ecc

7

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:

- component: oh-clock-card
  config:
    stylesheet: |
      .col > div {
        color: blue
      }

image

1 Like
8

Perfect, that is exactly what I was looking for. Thank you!