Is there way to change the background color of card in general for example changing from default white (the Indoor Temp card or the gauges) to green or whatever else?
Some cards have a theme property.
For others, theres card-modder:
1 Like
Card modder is awesome here is a simple example of how to use.
- type: custom:card-modder card: type: entities #title: Currency entities: - sensor.aud_to_usd - sensor.aud_to_gbp - sensor.bitcoin_round style: background-image: url("/local/lovelace/cardbackK.png") background-repeat: no-repeat background-color: rgba(50,50,50,0.3) background-size: 100% 160px border-radius: 20px border: solid 1px rgba(100,100,100,0.3) color: "#999999" box-shadow: 3px 3px rgba(0,0,0,0.4)
Sorry hard to format on my phone
Examples here https://github.com/JamesMcCarthy79/Home-Assistant-Config/blob/master/config/ui-lovelace.yaml
1 Like
And here’s the same thing formated on a computer.
- type: custom:card-modder
card:
type: entities
#title: Currency
entities:
- sensor.aud_to_usd
- sensor.aud_to_gbp
- sensor.bitcoin_round
style:
background-image: url("/local/lovelace/cardbackK.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 160px
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
color: "#999999"
box-shadow: 3px 3px rgba(0,0,0,0.4)
6 Likes
Thanks very much!! I have that seen that card-moder as well meanwhile…that looks perfect! 
1 Like
Anyone have a png version of the cardbackK.png for a white background?
I love the cardbackK.png on a black one but are looking for the same on a white (default) background.