Title Color

[CaptainSteubing]

Howdy,

I am absolutely having fun playing with room-summary-card... Making it do some magical things. LOL! Thank you to the devs for your work on this.

I came across something and wondering if what I want to do is possible. I've dug through the docs and can't seem to be able to figure it out.

I have the below card configured. The primary icon color is based on the state of the entity_id: sensor.the_bedroom_icon_colour. And the card title changes to a variant of the icon_color. The default state is other which colors the icon grey E4E4E4. Is there a way to change the color of the card title to something other than the automatic variant of the icon color in the state section like how we can change the icon?

Thanks for your help!

type: custom:room-summary-card
area: the_bedroom
entities:
  - light.the_bedroom_east
  - light.the_bedroom_west
occupancy:
  card_border_color: "#00ff00"
  options:
    - disable_icon_styles
    - disabled_card_styles_animation
    - disable_icon_animation
  entities:
    - binary_sensor.the_bedroom_motion
    - binary_sensor.the_motion_detected
sensors:
  - sensor.the_bedroom_temperature
  - sensor.the_bedroom_temperature_2
grid_options:
  columns: 9
  rows: 4
lights:
  - light.the_bedroom_east
  - light.the_bedroom_west
features:
  - exclude_default_entities
  - multi_light_background
navigate: /
entity:
  entity_id: sensor.the_bedroom_icon_colour
  icon: mdi:bed-king
  states:
    - state: purple
      icon: mdi:sun-snowflake-variant
      icon_color: var(--purple-color)
    - state: blue
      icon_color: var(--blue-color)
      icon: mdi:snowflake
    - state: amber
      icon_color: var(--amber-color)
      icon: mdi:lightbulb
    - state: test
      icon: mdi:air-conditioner
      icon_color: var(--pink-color)
    - state: orange
      icon: mdi:ice-cream
      icon_color: orange
    - state: red
      icon: mdi:ice-cream
      icon_color: red
    - state: other
      icon_color: "#E4E4E4"

[warmfire540]

you can set it to a static color..

type: custom:room-summary-card
area: living_room
styles:
  title:
    color: pink

[CaptainSteubing]

Hi,

Thanks for the hint. Exactly what I was looking for...
May I request a future enhancement. If the title could be dynamically coloured in the manner that the room icon is able to be changed.

Thank you again.

[warmfire540]

@CaptainSteubing sure, how would you want it to change? it already changes based on the entity color..

here is some examples: https://github.com/homeassistant-extras/room-summary-card/blob/main/docs/advanced/RGB-COLOR-SUPPORT.md

[CaptainSteubing]

Thanks!

So using the example:

type: custom:room-summary-card
area: living_room
styles:
  title:
    color: pink

The title always remains pink when the primary entity icon color changes.

So what I'm thinking is that even if you've set the title color with the above, there is an option to change it if the color of the icon changes.

entities:
  - entity_id: lock.living_room
    label: " "
  - entity_id: light.living_room
    label: " "
    states:
      - state: Custom 1
        icon_color: "#CCE8CD"
       <NEW TITLE COLOR SET HERE>

[warmfire540]

okie, create an issue w/ this idea and we'll see about putting it together. so basically you can control the color of the title based on thresholds/states. should be straightforward.

entities:
  - entity_id: light.living_room
    states:
      - state: "on"
        icon_color: blue
        title_color: pink
      - state: "off"
        icon_color: red
        title_color: green

[warmfire540]

this was implemented