Modules - how to reference the cards entity?

[DJF3]

Goal

Dynamically change the state color and font-weight through a module

Source Yaml

Module:

${card.querySelector('.bubble-state').style.color = 
  hass.states['binary_sensor.door_3attic_left_contact'].state === 'on' ? 'red' : 'lime'}
${card.querySelector('.bubble-state').style.fontWeight = 
  hass.states['binary_sensor.door_3attic_left_contact'].state === 'on' ? 'bold' : 'normal'}
.bubble-sub-button

Which step did you already try?

All kinds of versions, including this one:
${card.querySelector('.bubble-state').style.color =
  hass.states[entity.entity_id].state === 'on' ? 'red' : 'lime'}
${card.querySelector('.bubble-state').style.fontWeight =
  hass.states[entity.entity_id].state === 'on' ? 'bold' : 'normal'}

Also checked the code used in this module:
https://github.com/Clooos/Bubble-Card/discussions/1446

Problem

Not sure if/how I can reference the card entity_id from within the module, followed by getting the entity state and do something based on that state.

Read the documentation

• I have read the documentation

[Clooos]

Hi! You can just use state instead of hass.states['binary_sensor.door_3attic_left_contact'].state, this will use the card's entity 🙂

All variables are explained here:
https://github.com/Clooos/Bubble-Card/?tab=readme-ov-file#available-variables-and-functions

[DJF3]

I love it when the answer is so simple and you overlook something in the docs because "it must be way more complex" :-)
The solution:

${card.querySelector('.bubble-state').style.color =  state === 'on' ? 'red' : 'lime'}
${card.querySelector('.bubble-state').style.fontWeight =  state === 'on' ? 'bold' : 'normal'}

[chucknorris101]

I have a similar question for module development -

Is there a variable to use in the YAML part of the module to point to the subbutton entities? Or am I misunderstanding the 'editor' part? Im seeing all the variable context in CSS format only, but not how we might jump that CSS code to the YAML configurations. like it wouldnt include a selector if we are predefining the entity as inherited from the main bubble card subbutton selector - For example im seeing this YAML in all of the subbutton modules as starting like:

 - type: expandable
          title: "Sub-Button 1"
          name: "0"
          schema:
            - name: entity
              label: "Entity"
              selector:
                entity: {}
...

would the schema instead point to a defined variable from the code section?