Home assistant entities card icon color. mdi:transmission-tower-import .

Home assistant entities card icon color duco_ventilation_m Hello Community, i have one Question: Is it possible to create a Footer with Buttons (Switch Entity), where the icon is changed in case of the state of the Switch? Have tried the custom: custom:button-card, but this is not accapted in footer, right? type: entities entities: - entity: cover. front_porch_light - light. Said and done, as the picture shows. living entity is on, and to red when it is off, Doing a quick google search for the finishes_at attribute, I found the template below. I’ve been searching for a while now and used 3 different templates by following other people’s suggestions but I can not get the icon to change colour depending on state. So, I think you linked to the mushroom entity card, I was showing the example for the chip entity that you can create. Then display red when above 27. name and icon are optional. accendi_spegni_luci'', ''rgb_color'')}}' Try double quote " instead of two single quotes '' Sofar only got it to work by adding the state_color option in the lovelace card: - entity: switch. Set the color when the entity is active. 0 of this card. Override the used theme for this card with any loaded theme. I would like it to be black as just the default color but then go to whatever color it used to go to without using the card-mod. " There is no obvious way to have the icon color be conditional with this mod based on my very quick look at it. < entity: sensor. I have create a sensor using a template to figure out how many light are on. entity: switch. I would like I don’t need the actual color of the device, and I think that’s what ‘state_color’ would provide? I’ve hit upon this as a solution: - entity: light. This card is used inside entities. arrival_sensor_presence state: 'Home' card: type: entities entities: - sensor. 002a1d89aa0f4a_low_bat', 'voltage') }} V as example it is 3,6 V and Hello, I have a Google Wifi sensor, and i want to change the icon if state == Online I tryed this from my dashboard: type: entities entities: - entity: sensor. etc. yaml scene. It can be used to display an entity’s state or attribute, but also contain buttons, web links, etc. ha-card { background-color: {{ '#24BB24' if is_state('alarm_control_panel. garage_test state: - value: 'off' styles: card: - filter: opacity(40%) icon: - color: [make it go yellow if entity "input_boolean. door_garage show_name: false state: - color: rgb(255,193,0) icon: mdi:door-closed value: 'off' - color: rgb(0,255,0) icon: mdi:door-open value: 'on' I want the icon blink or change Can I change the colour of an icon and/or text for an entity based on its state examples include a sensor being online|offline a binary sensor being on|off a person being home|away a sensor being low/medium/high etc I’m aware that this might be possible with CustomUI, different icons for each state, entity button card, or a picture elements Trying to change the cctv icon color from white to something else so it stands out better. Home Assistant Community Change icon color according to status. (card-mod). icon: Learn how to use card-mod module to customize the color of entity state text and icon in entities card. card and mushroom-entity-card shows the same , unless your after those specific "breakpoints/colors Placing “simple” entities/much. The code I am using is as follows: square: true type: grid cards: - type: vertical-stack cards: - type: custom:button-card entity: I use a picture element card to change the icon color when in this example my gun safe door is open. If I enter icon_color: blue, the icon changes to blue If I enter icon_color: rgb(0, 0, 255), the icon stays at the default (white) color What’s the proper way to use rgb attribute values in a template? I can create an entity-card showing the entity. Though true when looking at it through the developer-tools it wont show indeed. To change the color of the icon in a custom button card based on the state of an entity, you can use the {% if is_state() %} template tag in the icon section of the card definition. type: custom:button-card name: Security icon: mdi:shield-key layout: icon_name styles: card: - background-color: var(--background-color) - padding: 6px icon: - height: 32px - width: 48px name: - font-weight: 500 - font-size: 24px - text-align: left grid: - grid-template It requires a boolean (true/false). When set to true, the icon color will change with the state of the entity specified in the entity: parameter which you have left blank. sonoff51083. garage_test" toggle is You can either use card_mod and templates to use the state of another entity to adjust the color of your glance card entities, or use a different card entirely that allows you to directly use a template to define the color, like I've been trying to change the icon color with the HACS add-on card-mod. I’ve a picture-elements card where I’m trying to change the icon color based on a motion sensor last trigger time. Template. If this is your first time editing a I’ve got an icon in a template chip card that I’d like to set to three colors, based on the values of 2 helpers. I’m still getting there with YAML, so I assume I’m doing the classic noob and not indenting or interpreting the docs quite right. Here is the code I have to change the text: - entity: In 2022. For example, a device class of “problem” will show an exclamation mark in a red circle (on / problem) or a tick in a grey circle (off / no problem Hi Everyone, I have the following syntax that shows me the lock details and I want to add the feature that if the lock is open/unlock the whole card would change color to red. Not just 1 single spot. delivery_box_battery - entity: sensor. Now I would like the badges to change the color of the icon when the sensor changes status. 3. mosquitto_pub -t My/Topic/result -m ON in the MQTT integration of HA the message is shown, but the state of the above entity-card does not show the new state. So, in this case, the number „11%“ should be red. Now I am trying to get the state_color in again for some entities. shelly_2_5_volume_wtw_voltage - entity: I’m trying to strip out the names and icons on an entities card with in an stacked card. For more I'm looking for help on this dashbaord excerpt of mine. Any ideas? type: custom:mushroom-entity-card entity: sensor. links to each post: Alarm Control Panel Card Chips Card Trying to use the CSS-style with the custom:auto-entities card. card: type: custom:mushroom-entity-card entity: switch. I would How can modify the icon color and/or animation when the battery level of the entity falls to specific value in card : - type: custom:button-card aspect_ratio: 1 entity: binary_sensor. I can change the icon but not its color in the entities card thanks and greetings. type: glance entities: - entity: automation. I would like to template the icon to something like this Originally raised here; may be there were some other similar threads. That's why we released this adapted So far I can get the card to change colour based on my entity state using: style: |. An attribute associated with the entity. The is_state() function takes two arguments: the entity ID and the desired state. Instructions on how to integrate Template Sensors into Home Assistant. For the template : you can leave out all ‘else’s. group_gabinet_desk card_mod: style: | ha-card { background: orange; box-shadow: none; } - shorten_cards: false consolidate_entities Home Assistant is open source home automation that puts local control and privacy first. EDIT: i add some details to be more clear about the goal: I have a classic light system based on bi-stable relay and pushbutton, and i’d like to add a software pushbutton a manage it by home assistant. Here a full example: Hi guys, In this article we have got to know the custom Chips card to display the state of entities in a super minimalist way like this one: Each entity to be displayed can be combined with a Look at this (card-mod): type: 'custom:mini-graph-card' style: . If you use a template chips card, you can change the icon color with Hey guys, I hope someone figured this out already. 10). lubo888 (jesus) The Code below always worked but it stopped creating a red icon when my Fan turns to mode Perm. Is anyone able to point me in the icon_color: '{{ state_attr(''light. 3 Home Assistan t OS 8. garage_carriage_lights - entity: switch. I see how to change it to one color that will always display but not how to make it change colors with the text. msp1974 (Mark P) Home Assistant. Custom-ui is very powerful and capable of changing our Dashboards. I’m trying to change the icon color based on active or non-active state of the sensor using card-mod. But this option will not work here in both cases since these entities are of a “sensor” domain, and only some sensor’s device_classes (battery) has a supported icon color functionality. I would like the play and pause icons to be black and the main entity icon of the vacuum cleaner to be in the default color (blue). alert" is on I have a number of entities (Lamps, Garage Door Covers, Solar Inverter status, etc. Example: Garage is open. Who can help me with this. google_wifi_status secondary_info: none name: St Good morning, I’m French, sorry for my English I have a little problem with the color of icons in (flex-horseshoe-card) I am able to change the color of the humidity icon in relation to its humidity level But on the other hand it also changes the color of the battery icon I would like to be able to also have the color of the battery in relation to its battery % would you have a Ok I will test as you suggest. I want to be able to use this in my dashboard, and see which person is in which room: Screenshot_5 651×980 65. In fact, only a Markdown card supports templates and some custom cards. I also try to changed icon when the state is changed, but in a Entities Card Configuration i try several examples but nothing works does somebody know the solution? type: entities entities: - entity: binary_sensor. Hi, Is it possible to show the color of the state for a thermostat card icon (for an mqtt climate entity)? For a general climate entity it works well. . Set to true to have icon colored when entity is active. The color and icon and dependent on the entity’s device class. 4 and Card Mod Version 3. Does not work on a single entity in the form of the tap_action icon. However, if the entity is a light (which presumably has some default setting), the Home Assistant Community Change Lovelace card background colour. current_version_2 - entity: sensor. In the top left corner you‘ll find my aqara door sensors named „Wohnungstür“ and „Kellertür“. state-binary_sensor-door-off-color: var(--ok-color) state-binary_sensor card-mod works, but for all icons in a row. What I would like to do is be able to change the color of the icon depending on the state of Hello! on HA core-2021. cuisine_plafond state_image: "on": /local/img/cuisine_on. ) January 10, 2024, 5:07pm 1. delivery_box - entity: binary_sensor. 1 Home Assistant OS running on VMWare VM on Windows 11 My lovelace configuration method (GUI or yaml): GUI (created card via GUI but then used "show code editor" to edit card yaml) What I am doing: Using card-mod to change light entity icon based on state Entities card The entities card is the most common type of card. With card-mod, I can change things about the ha-card in a horizontal-stack, but how would I change individual icons based on color and state? I’ve drilled into inspecting the html and I can find the area for the individual icons, just can’t figure out how to That’s more my lack of familiarity with some of the markup on this forum. last_changed) }} is less than 5 minutes I want the icon color to show Red or else Green. Unit of measurement given by entity. The custom:auto-entities card as standalone card works as a basic card, but from the documentation I understand it’s not a full featured Lovelace card on its Hey All, I’m currently using the card-mod repo to change the color of the text in a card depending on the state. internet_ping When I add style, as it is written in the use of auto Hello I’m trying to create a mushroom state card that changes color based on the state. The entities card is the most common type of card. hacs show_header_toggle: false state_color: true card_mod: style: . I have been trying to change the icon within an ‘Entity configuration card’ but do not seem to be able to find a way to do so. send_command service_data: entity_id: remote Hello i want to show a battery icon based on the the voltage of the battery. 2. internet_ping When I add style, as it is written in the use of auto-entities, the element immediately disappears. I am trying to change the icon colour for the chips card at the top of the dash. Sorry but forgot how to put code in the right way. delivery_box_operator title: Delivery Box state_color: true And icons change Home Assistant is open source home automation that puts local control and privacy first. With card-mod, I can change things about the ha-card in a horizontal-stack, but how would I change individual icons based on color and state? I’ve drilled into inspecting the html and I can find the area for the individual icons, just can’t figure out how to specify that. You signed out in another tab or window. Regardless of this, if the "input_boolean. latest_version_2 - entity: sensor. The custom:auto-entities card as standalone card works as a basic card, but from the documentation I understand it’s not a full featured Lovelace card on its own. binary_sensor. Home Assistant is a project from the Open Home Foundation, I’m using the below entity card as part of a larger vertical stack to show values and controls related to my HVAC misting system. What I mean is the following: Would be great to have the left upper icon showing orange (as the state of the corresponding thermostat card itself) and the left under icon showing green (as the state of the corresponding thermostat I was unable to find a way to do this with the entities card but I did accomplish effectively the same thing with the glances card, though the visual layout isn’t really what I want. any suggestions? Thanks! - type: horizontal-stack Hey All, I’m currently using the card-mod repo to change the color of the text in a card depending on the state. | | `icon_color` | string | `blue` | Custom color for icon when entity is state is active | | `name` | string | Optional | Custom name | | `layout` | string | Optional | Layout of the card. A card to group multiple entities together, show them as icons with a color based on the entity status and a single overall status text. For some this is too much, and not required. I also have the button_card_template defined, and I would like to change the icon color based on whether or not there are lights on. delivery_box_open - entity: sensor. type: custom:auto-entities card: type: entities title: Plant Humidity Trying to use the CSS-style with the custom:auto-entities card. Hello, I would like to change the color of the icons based on the value, example: Like this colors: type: vertical-stack cards: - type: glance entities: - entity: sensor. entities in entities-card, or vertical stack gives a “basic” list as you show ( which btw seems to be without “Sorting” I started using Lovelace and made a glance card that shows the state of 4 person entities that are connected to a bluetooth tracker. Go to the main card-mod thread → go to 1st post → find a link at the bottom titled “fantastic post” → find “Heading card” chapter. Here is the template: platform: template sensors: in my opinion, you’re going about this the wrong way. security_system_partition_1 icon: mdi:alarm-bell color_type: icon size: 20% name: Alarm style: - font-size: 12px - font-weight: bold action: more_info show_state: true state: - value: 'armed_home' color: rgb(255, 5, 5) - value: Hi, In setting up my first Home Assistant, using picture-elements for a floorplan card, I am stuck on why some state-icon entities do not recognize “paper-item-icon-active-color”. icon ha-icon: $: | ha-svg-icon { color: red !important; } entities: But here I can select ONE colour - ‘red’. ceiling_lights - light. The binary sensor has the voltage as an attribute. Instead it’s a plugin which changes the way all other cards work How about this? type: entities style: | ha-card { color: red; } entities: - light. Here is what I have so far: type: picture-elements elements: - type: custom:mushroom-chips-card chips: - type: entity To change the color of the icon in a custom button card based on the state of an entity, you can use the {% if is_state() %} template tag in the icon section of the card definition. This topic is technically a cross post from a reply to the Mushroom Card Topic found here: Part 1. I basically want to change the font and icon colors of the entities to match the conditions where Home Assistant is open source home automation that puts local control and privacy first. So far I can get the card to change colour based on my entity state using: card_mod: style: | ha-card Hey i would like to change the Card-Color on condition. Hello all, Could I get some help on figuring out if the below is doable and how to do it possibly. acc_air_tomorrow name: Lucht Kwaliteit Morgen columns: 2 title: Lucht Kwaliteit state_color: true - type: horizontal-stack cards: - type: vertical I have the following entity card: - type: entities title: Outside Lights entities: - light. In your original if/else/endif markup, it wasn’t consistently starting the marker with {%-and finishing with -%}. nordpool_kwh_d I am pulling my hair out troubleshooting this and keep making the card simpler and simpler and still can’t get it to work. Below is an example; I have several of theese. Is there a way to get entities card without the icon? Setting icon: ’ ’ remove the icon but leaves a big empty space there. The entity below is an area (Garage in this case) toggle that calls on a service if selected using the custom button card. Hi, I am only 5 months in HA and the rapid development is sometimes overwhelming. To set a colour dependingly on some entity’s value I think you must use something like “config-template-card” only Or you can ask the author of ‘mini-graph-card’ to add a feature “change colour Main goal is to have a card composed by an icon with color controlled by a esp input and a button that controlled an esp output. Any one with a little time to provide me with card mod code please? using following yaml, I could achieve the following, but need to edit CSS directly to get rid of the icon background and the tiny icon. What I would like to do is change the icon from With the UI Changes that have been implemented over the last couple of months within HA (Tile Cards, State-Based colors) - I have rebuilt most of my Dashboards. You cannot set these colors from within the card itself. What I would like to have is that an icon or the color of the icon changes based on the state of the person (only home or not home), so I won’t need the text. 8 KB. bed_light - light. To add the entity card to your user interface: In the top right of the screen, select the edit button. and that translates to this. I wasn’t having much luck, so I thought I’d try on something simpler - a straight up entities card, but the issue persists. Why we cannot access icons in all cases? Here an icon is not accessible for “sun. It also accepts color token or hex color code. entity, 'on') %} rgb(var(--rgb-state-switch-color)) {% else %} var(--state-icon-color) {% endif %}; } It’s checking the state of the device Hi. binary_sensor domain has a series of device_classes that support different icon and state names without any coding. (“styles” for a state & secondary entity’s icon, “card-mod” to hide the main entity’s icon): - type: entities entities: - type: custom:multiple-entity-row card_mod: style: hui-generic-entity-row: $: | state-badge { Hello, I actived the google dark theme, but I try to change icon color when is active in red more easy to see. Well here’s an example of how I use it here: - type: horizontal-stack. io. See the code examples, tips and errors from the discussion thread. google_wifi_status secondary_info: none name: St Good morning, I’m French, sorry for my English I have a little problem with the color of icons in (flex-horseshoe-card) I am able to change the color of the humidity icon in relation to its humidity level But on the other hand it also changes the color of the battery icon I would like to be able to also have the color of the battery in relation to its battery % would you have a For changing the icon color, on their page on GitHub it says "It will also set the icon color to the value found in the CSS variable --card-mod-icon-color if present. 2 from docker container, I try use custom color: type: 'custom:auto-entities' card: title: internet type: entities filter: include: - entity_id: sensor. yale_smart_alarm', 'disarmed') This is a repo with Home Assistant custom ui card color-entity-row. g. front_camera_east_hd style: top: 91% left: 35% '--paper Home Assistant is open source home automation that puts local control and privacy first. A week ago I finally released v1. For example, a device class of “problem” will show an exclamation mark in a red circle (on / problem) or a tick in a grey circle (off / no problem I’m modifying an entity card with card-mod to change the background color based on an attribute value from a sensor. dogfeedtime icon: mdi:food-fork-drink name: Dog Fed icon_color: blue You can do something similar using a custom button card. type: entities entities: - binary_sensor. I need to make the color of the icon change based on the status of a second entity. notify_alerts name: Alerts icon: mdi:alarm-light tap_action This is not a custom card. The icon should be red if it is below a voltage level. Bubble Card is a minimalist and customizable card collection for Home Assistant with a nice pop-up touch. i. 0 <details><summary>Without HACS</summary>Download these files: bubb</details> Nice work! I just successfully added your code to a card_mod: tweak to style the battery icons as secondary entities in a custom:multiple-entity-row card which doesn’t support icon_color: Hi I have just started using mushroom cards and am setting up a new dashboard. I would like to change the color of each card seperatly to red, if the I have the following entity card displaying some information next to a small icon. logo1shutter1 secondary_info: position state_color: true footer: type: buttons Home Assistant Community Mushroom Chips Card icon colour change. I couldn’t find a card that allowed me to quickly have a vehicle view that was clean and modern while using a simple interface to edit, PS: i’ve tried all (most), removed icon tag(in view config), changed to default icon(on entities) etc. Temperature icon to display yellow when above 26. He is also actively involved in the widely used Home Assistant Community Custom:mushroom-entity-card icon color state not working. state_color: true In my case, potential states are: too_high, perfect, too_low How do I define colors for each state? Anyone knows the syntax? I can`t find anything about it in the documentation. I am using the Smartthings integration as I am migrating from having used that for several years. kitchen_lights [51] Not a custom: in sight. : {{ state_attr('binary_sensor. to_work Entity card The entity card gives you a quick overview of your entity’s state. It's great that in History/Tile card the same color represents a state every time so it can be read with only a glance but I would like to change the color of my open rollers from purple to something other but I cannot see where. : | #states > * { margin: 0px 0px !important; margin-top: -20px !important; I have a quite simple card like this: entities: - entity: sensor. Hi, I have following entity card, and I would like to change the color of „Now“ entity. Thank you type: custom:mod-card card: type: horizontal-stack title: Battery cards: - type: entities entities: - entity: sensor. Green Icon = Door Closed, Red = Door Open. Reload to refresh your session. It shows input_text value as a color and make it possible to change the value. Custom-ui can add that, and many other things, like templating any atttribute. salon_lampes_random: icon_color: rgb(6, 16, 204) lovelace : - type: picture-glance title: Cuisine entities: - scene. This is the conditional row that you can do inside the entities card. you can check the HA logic for the state-colors here Home Assistant frontend - Home Assistant. I'm not sure where the chip cards get I’m trying to use the rgb_color attribute from a LIFX bulb in a template to set the icon_color, but it’s not working (the icon doesn’t change to the proper color). I add the paper-item-icon-active-color: in the yaml and reboot but strange it’s work but not for all. I personally don’t care that much since I don’t use the backend very often anymore. I’m not trying to change the actual icon like I’ve seen in other posts, but trying to just set the icon state as active. importing name: Importing icon: mdi:transmission-tower-export title: Power This card tells me how much power I am importing from the GRID. See the Github page for installation and configuration. custom:button-card entity: input_boolean. The idea is to have the True, I use button-card so icon color isnt a problem for me, I also use dbuits popup cards and they show the actual color of the icon as well. High. I Hi, I am only 5 months in HA and the rapid development is sometimes overwhelming. How can this be done? type: custom:mushroom-entity-card entity: sensor. e the entities card row style so it fits in aesthetically with the rest of the entities in that card. 05. However, there is no core attribute for an icon_color. Home It requires a boolean (true/false). com/thomasloven/lovelace-slider-entity-row to control the position of a group of covers. toggle service_data: {} target: entity_id: switch. If I set the “Color icons based on state?” toggle for the card, each icon is highlighted according to the Home Assistant Core 2022. I change the color of the picture elements according to the status in the card. The colors the icon changes to (active icon/ inactive icon) are set by your theme. To add the entities card to your user interface: We can customize entities in core Home Assistant. I’ve created my own color schemas within my theme - and I am pretty happy with all of this - except one particular thing: TileCards with Select-Entities. In testing, I noticed that the template does auto-update, just every minute instead of continuously like the entity. shelly_1_1_relay icon: 'mdi:lightbulb' icon_height: 40px state_color: true type: entity-button Adding state_color as an attribute under customizations for this switch does not make a difference in its behavior. Offers a frontend to Home Assistant. Below is what I have so far but I’m noticing it sets the color to black and it doesn’t change after the icon is pressed. acc_air_today name: Lucht Kwaliteit Vandaag - entity: sensor. The icon should be amber or gray depending on whether the lights are on or off. What I can’t figure out is how to get the icon to change colors as well. salon_lampes_random - light. I chose not to do the group path as I need the sensor for the number of lights for other stuff. 371_1st_floor_temperature card-mod: | --ha-icon-color: 'red' I tried red without the single quotes also. The states show up OK as text. Might not make a difference (like I said, I’m not a YAML/Jinja expert) but that’s about the only difference I can see between Multiple Entity Row Show multiple entity states or attributes on entity rows in Home Assistant’s Lovelace UI. Hello there, I’m trying to change the state of the icon based on whether the status is “on” or “off”. I am using the custom chip card. But here’s the problem - since it’s easy to miss if it says “1 day ago” or “1 hour ago” i Dear all, I am trying to beautify my presence display/card. I am trying to figure out how to change the color of an icon based on the numeric state of a different entity. Want to change the color of icons on an entity card base on their state. 3 (you can also optionally use a theme like i do. I think I have a better way, I can set up 2 cards one for To Home one for To Work and just one gets displayed based on my smartthings presence sensor (Home/Away values) title: Commute type: conditional conditions: - entity: binary_sensor. - type: icon icon: mdi:cctv entity: camera. The attribute from this sensor contains the type of waste that will be picked up next (organic - referred to as GFT in Dutch, paper or rest). If you put 'color' under 'style' it will change the color of the text but not the icon. In the style, just add an ha-card and deifine a new variable. Unit of measurement given to data. 6. In my dashboard i have a mqtt sensor (numeric) that i show in a tile card. Below info is true as of Mushroom Version 3. What am I missing? I’m trying to resize/compress the items in this card and need to find a way to reduce the “icon” size in my Entities card but I can’t find anything in the forum that points the way See below - I’d like the Unifi icon to be smaller I’ve been searching a while to found an example performing icon color change in Glance-Card based on the states of sensor I’ve an Shelly 1PM connected to an radiator I’ve an Xiaomi window sensor to cut the power of the radiator when window is opened Using HACS card-mod plugin and ShellyForHass intégration I was looking to change the color of the window I usually thought bout starting a new/own feature request based on As I found this topic and even it has a slightly other approach (doing stuff in YAML), I would like to show my idea (doing it in the UI which is more the modern HA way of doing things) here too: Allow to change entity icon based on entity state (binary sensors) For binary sensors this should be quite easy: In the documentation, it looks like the state is displayed for the entity on the button (colored icon): I am using the button card on an input_boolean sensor. I can’t find a parameter for this functionality in the documentation, but the picture used in the documentation displays the status of the light Check here: 1st post → link at the bottom to the post → find a link to a post for Entities card → find a style for changing an icon size → use ha-card instead of :host Hi all, I have this entity card and I would like to reduce the space between icon and entity name: type: entities entities: - entity: sensor. garage_door_opener tap_action: action: call-service service: switch. It can be set to the state special token to dynamically color the icon based on state, domain, and device_class of your entity. Lovelace: Button card - type: "custom:button-card" entity: alarm_control_panel. 12 update static/predefined colors for entity states has been introduced. I’m also using the custom:decluttering-card to make the card and browser-mod to make the entity card popup. I installed the Card-Mod on my HA OS instance. alexvaltchev (Alex Valtchev) August It’s quite alot code for 1 entity/card, considered both default-entity. By default, it will not be colored. ) listed as individual entities in an Entities card. sun”: [изображение] Seems that we may only access an icon if: – the icon is customized; – the icon is defined explicitly - only for template sensors; – probably some other cases. Character for character there are just 3 extra -between the two. Trying to set button colour icon based on an entity state using card-mod Support I am a bit new to this coding stuff and struggle somewhat. Several sensors in a glance card return numeric values > 0 when active. I can change the drop down to any color and it doesnt affect the icon. I can’t seem to figure out how to change the default colour of, . This card must be part of entities card. More info on how to install and configure it can be found here: GitHub - FamousWolf/entity-group-status: Custom Home Assistant card grouping multiple entities and displaying a status text I’ve been trying to sort this out for a few days now and not having any luck searching or trying things. It groups items together into lists. testsensor_2 However if I send. Thereforei want to change the icon color based on an attribute from an binary sensor. But I need also to change the color of the label/text of the chip. I’ve been all over this, but can’t seem to get the icon color to change to an active state when the sensor is not zero. Hi, Please excuse the newbie question. hermanf72 (Herman F. I would like to change the color of the icon according to the state of sensor (for example 0-50 green, 50-100 Yellow, over 100 Red). You signed in with another tab or window. Depending on what Home Assistant is open source home automation that puts local control and privacy first. I know how to change the icon color and also how to change or remove the chip background (with card-mod). garage_door_opener mdi:transmission-tower-import Hey! I just experienced that some of my temperature sensors went down, without me knowing about it - since they got stuck at the last value read. Help thx I’ve a picture-elements card where I’m trying to change the icon color based on a motion sensor last trigger time. shelly_2_5_volume_wtw_overheating - entity: sensor. The benefit of going these 2 routes is that, no matter what, your entity will have a state of Open or Closed in your native language, everywhere in the UI. pillars icon: mdi:pillar card_mod: style: | :host { --card-mod-icon-color: {% if is_state(config. I wen to the card and expose the yaml code and added a section at the end like so, Just don’t see any changes or know what else I need to do to make the color change happen. So, to fix this - i wan’t a “panel” where u can see when they last updated and the battery state. You switched accounts on another tab or window. looks verymuch like yours, maybe i got the 'on'/'off' wrong? Hi all, I’m trying to build a view with all my network known devices using nmap integration (and static IPs on router) I made it using mushroom-chips-card last but not least I would like to have a section with other device_tracker entities that are discovered by nmap but not tracked mushroom-chips-card doesn’t permit wildcards so I was looking at auto-entities You can’t change colors of icons in native home assistant. Hi guys Is it possible to customize scene icon color in Picture Glance Card ? I try that, but it’s not working : customize. This requires custom frontend cards, like card mod. name: Ping Google. Using the custom: auto-entities with the standard entity card, and then the CSS-style should work(?), but I can’t wrap my head around how it Hi, I am using an Entities card configured using the ‘icon’ configuration variable so that the card is displayed with an icon to the left of the title. png "off": The card mod part is only for location of the icons. This is the “old view” and representing the right states This is the “new view” with right states but wrong icons/colors. ping_google. Configuration. outside_smart_plug_1 icon: mdi:string-lights - entity: switch. It’s much more performant than using card-mod to modify entities titles. It surprises me this is not default behaviour like it I have a button in my UI that pops up an entity card so I can toggle multiple related entities. The examples I have seen are related to the entity of the card so I tried Home Assistant Entities card. Look at the entities card and scroll down to the conditional section. For instance, I think Hello, I have a Google Wifi sensor, and i want to change the icon if state == Online I tryed this from my dashboard: type: entities entities: - entity: sensor. However I cannot see where can I define this color. But the code doesn’t seem to be working. Hello, I want to place mushroom template chips on a picture elements card. Example: If {{ relative_time(states. To set a color of an icon of some badge in Heading card dynamically (dependently on some entity, for example) - use card-mod. Entity card; Button card; Tile card; A big thank you to @elchininet for his amazing contributions enabling these features. For example on the code below. Does anyone know how to change the I have an Entities card from where I control the power to my radiators. --state-icon-active-color: is the key you want. And when using the button card, the card does not show the state (on or off). Why doesn’t the icon show up in red with this code: type: entities entities: - entity: sensor. 2s Yup, sorry about that! It's a bit hard to explain because the problem is happening to ALL of my chip cards, none of them have color. Powered by a worldwide community of tinkerers and DIY enthusiasts. 1 Home Assistant Supervisor 2022. tpj4cjm04k_statement_of Hi Friends. 4. What I would like to do is be able to change the color of the icon depending on the state of Home Assistant Entities card. card element icon changes and turns to yellow; bagde icon changes, but not colour LEDs: card element Am I doing it wrong, how can I change mushroom card entity card icon based on state. on_yellow: primary-text-color: "#000000" Hey everyone, I’m trying to configure the mushroom-chips-card to dynamically change the icon and icon color based on the value of a sensor, but I’m having some trouble getting it to work properly. I have a smart plug controlled by a button. Although my ceiling fans all recognize the “paper-item-icon-active-color” and change colors Hi, I am using an Entities card configured using the ‘icon’ configuration variable so that the card is displayed with an icon to the left of the title. As of 20240110 you can also set customizations for icon_color on. I have tried styling with card-mod but can’t seem to “target” ha-icon in any meaningful way. cards: - type: entity-button. front_upward_lights - light. I am looking for something that I can add into customize_glob section of the config so hm! ok, let me try to understand. This is working well for me. 9. For example, to change the color of the icon to green when the light. - entity: binary_sensor. Features Show multiple additional entity states on a standard entity row Show attribute value instead of state (from any entity) Any entity or attribute value as secondary_info Show toggle (for switch, light, Hi everyone, I am struggling with themes. This ignores entity state, but will still dim. This sensor shows the next garbage collection day, date and type of waste to be collected that day. Hey guys, I hope someone figured this out already. Home Assistant Community Picture-Glance individual icon colors I am trying to use the examples above to completely hide icon and the title, to keep only buttons for target temperature using climate entity but cannot reach the result. my icons cant even be set to a static solid color. The “state_color” option can be defined either on a card or a row level. ir_input” (edge from off-> on) to set a helper entity to “on” for e. But it was suggested in a comment to post it here as a guide instead. basically im back to all defaults, don’t load card-mod, removed the card-mod under picture-element, “restarted” HA I am trying to change the default colour of a button icon when the state = On. outside_smart_plug_2 icon: mdi:string-lights For only the bottom two entities, the icon doesn’t turn yellow (like the light Hey all, I have a glance card showing the state of my delivery box, show_name: false show_icon: true show_state: true type: glance entities: - entity: lock. The ‘main’ helper is a boolean, and I’d like to the theme’s standard on/off colors for that. front_motion. i use Minimalist Version 1. Installation Home Assistant lowest supported version: 2023. This is what I have in place and i can change the paper-item-icon-color: to any color (like red) and the closed window will have this color. The icon coloring looks like below. Is there a way to change icon color based on entity state? For example, I want to change all my motion sensors to be red instead of yellow when motion is detected, or my light groups to become yellow if group is in the on state. Screenshot of the Entity card. They are using the TileCard most of the time now. thermometer speed_icon: speedometer intensity_icon: transit-connection-horizontal type: custom:light-entity-card entity: light. I’d prefer to let the color to be dictated by the theme, but I’m I use https://github. Perfect to run on a Raspberry Pi or a local server. If the entity’s state is more than 50%, then green color, if less than 50%, then red color. But I am failing to show the right icons/color based on the state. This card can work only with entities that are in domain input_text. Here is the code I have to change the text: - entity: Hello! on HA core-2021. Home Assistant. I use the entity trigger of “binary_sensor. I would like You signed in with another tab or window. entities entities: - type: button icon: 'mdi:power' name: TV action_name: Ligar/Desligar tap_action: action: call-service service: remote. I think for chips, the entity doesnt need to be active to allow colors. There are no errors but the icon does not change color. living entity is on, and to red when it is off, Multiple Entity Row Show multiple entity states or attributes on entity rows in Home Assistant’s Lovelace UI. Even on the entity chip icons that have a specific section to define the icon color. In the case of the garage doors and inverter status, using the code below works fine, changing both the icon, text and status to red when appropriate. Available for free at home-assistant. I am looking for something that I can add into customize_glob section of the config so This is a repo with Home Assistant custom ui card color-entity-row. Lovelace Auto Entities seems to provide an option to color icons based on entity state. Here’s the coding I’m using: # card to show various (on/off) modes mode-thing: card: type: custom:button-card entity: '[[thing_entity]]' name: '[[thing_name]]' Hi everyone, i’d need some help about this thing: My goal is using a template , in a custom:button-card, to retrieve the state value of a media_player, and using it inside a state value list belonging to another entity Hi everyone, I’d like to introduce my first Home Assistant project, the Ultra Vehicle Card! This is a custom card designed to display information about both Electric Vehicles (EVs), Fuel Vehicles and Hybrids in a clean and modern way. basd gadvqor xencvnz uymqo evym hdnhx hac qdgkh allvibl lcj