Hi its been a little bit, but since i am working on a guide for styling the tile card with card mod i figured i would give you a response.
it is unfortunately not possible to change the icons for most of the tile cards (any that have a feature) as they all use svg icons. card mod cant change these as far as i know @Ildar_Gabdullin may be able to confirm, or provide some insight on this. i have certainly been unable to do this.
you can however change the colors of the states like this (of coure pick your own colors )
Code
card_mod:
style:
hui-tile-features$:
hui-alarm-modes-tile-feature$:
ha-control-select$: |
#option-armed_home {
--control-select-color: blue;
}
#option-armed_away {
--control-select-color: red;
}
#option-armed_night {
--control-select-color: lightblue;
}
#option-armed_vacation {
--control-select-color: yellow;
}
#option-armed_custom_bypass {
--control-select-color: orange;
}
#option-disarmed {
--control-select-color: black;
}
ha-tile-icon$: |
ha-svg-icon {
{% if states(config.entity) == 'armed_home' %}
color: blue !important;
{% elif states(config.entity) == 'armed_away' %}
color: red !important;
{% elif states(config.entity) == 'armed_night' %}
color: lightblue !important;
{% elif states(config.entity) == 'armed_vacation' %}
color: yellow !important;
{% elif states(config.entity) == 'armed_custom_bypass' %}
color: orange !important;
{% elif states(config.entity) == 'disarmed' %}
color: black !important;
{% endif %}
}
.shape::before {
{% if states(config.entity) == 'armed_home' %}
background-color: blue !important;
{% elif states(config.entity) == 'armed_away' %}
background-color: red !important;
{% elif states(config.entity) == 'armed_night' %}
background-color: lightblue !important;
{% elif states(config.entity) == 'armed_vacation' %}
background-color: yellow !important;
{% elif states(config.entity) == 'armed_custom_bypass' %}
background-color: orange !important;
{% elif states(config.entity) == 'disarmed' %}
background-color: black !important;
{% endif %}
}
I have only shown the 3 states because that is all my alarm panel supports right now, but all are included in the code
in the meantime if you are interested you can check out my mushroom card mod guide here. there are some overlaps on how things are styled in those and in the tile card. below