Lovelace: BigNumber card

Can anyone get any background colors besides blue, green, red and yellow to work? I’ve tried every color listed here and those are the only 4 that work.

type: custom:bignumber-card
entity: input_number.tester
scale: 34px
round: 2
from: bottom
min: -1
max: '-.1'
hideunit: true
severity:
  - value: 20
    bnStyle: var(--label-badge-green)
    color: black
  - value: 40
    bnStyle: var(--label-badge-blue)
    color: black
  - value: 60
    bnStyle: var(--label-badge-yellow)
    color: black
  - value: 80
    bnStyle: var(--label-badge-orange)
    color: white
  - value: 100
    bnstyle: var(--label-badge-red)
    color: white
  - value: 120
    bnstyle: var(--label-badge-purple)
    color: white
1 Like

Is there any way to define min/max value based on other sensor state/data?

I have tried using template but its not working

type: custom:card-templater
card:
type: custom:bignumber-card
title: Daily production
entity: sensor.energy_pv_daily_template
scale: 24px
min: 0
max_template: ‘{{states.sensor.solcast_pv_forecast_forecast_today.state}}’
from: bottom
hideunit: false
bnStyle: var(–label-badge-blue)

1 Like

Is there any way to get a sensor status to display as the Title?

I have been able to have a different colour under bnStyle: but not under the severity:
image

type: custom:bignumber-card
title: Back Garden Water Valve Volume Per Cycle
entity: number.0xa4c13839477a051c_irrigation_target
min: 0
max: 422
from: left
bnStyle: dodgerblue
scale: 21px
hideunit: false

This would be a great feature to add

Hello,

I have the problem like explained here: Bug in Home Assistant 2022.11 · Issue #36 · custom-cards/bignumber-card · GitHub. A thin colored line at the end of the card

Is there any solution / code to remove this bug ? btw It seems the project is dead :frowning:

Thanks for your help !