How can I use attribute state for styling

[victoroos]

hi all,

I think I'm quite ok in Home assistant nowadatys, so I wanted to upgrade my simple dashboard with some bubbles.
Works nicely, time for some styling.

I have this as a button:

        - type: custom:bubble-card
        card_type: button
        button_type: state
        entity: sensor.afvalwijzer_gft
        scrolling_effect: false
        name: Gft Afval
        show_state: true
        styles: |2-
           .bubble-button-background {
              background-color: $hass.states['sensor.afvalwijzer_gft'].attributes.is_collection_date_tomorrow === 'true' ? 'green' :  
                                               hass.states['sensor.afvalwijzer_gft'].attributes.is_collection_date_today === 'true' ? 'green' : 
        	                               hass.states['sensor.afvalwijzer_gft'].attributes.is_collection_date_day_after_tomorrow === 'true' ? 'green' : 'grey'} !important;
            }

but I couldn't get it to work. It stays green or grey.
I based it on this discussion:
#512

Any tips?
Cheers

[MrBearPresident]

Have you solved this?
Can this be closed?

[marcuscps]

Apparently, this works:

    type: custom:bubble-card
    card_type: climate
    entity: climate.living_room
    icon: mdi:heating-coil
    scrolling_effect: true
    state_color: false
    show_attribute: true
    attribute: current_temperature
    card_layout: normal
    sub_button: null
    styles: |
      :host {
        --bubble-climate-main-background-color: ${ hass.states[entity].attributes.temperature > hass.states[entity].attributes.current_temperature ? 'red' : 'green'} !important;
      }

This is important:

    state_color: false