not sure how that would work? you mean trying to replace a weather icon with a ligature font somehow? seems not possible, since I simply want to show an mdi icon in the header, following this template:
weather_icon_backend:
value_template: >
{% set mapper_icon =
{'partly-cloudy-night':'night-partly-cloudy'} %}
{% set mapper_br =
{'pouring':'pouring',
'lightning-rainy':'lightning-rainy',
'snowy-rainy':'snowy-rainy'} %}
{% set mapper_ds =
{'clear-night':'night',
'partlycloudy':'partly-cloudy'} %}
{% set icon = states('sensor.dark_sky_icon') %}
{% set buienradar = states('weather.buienradar') %}
{% set dark = states('weather.dark_sky') %}
{% set weather = mapper_icon[icon] if icon in mapper_icon else
mapper_br[buienradar] if buienradar in mapper_br else
mapper_ds[dark] if dark in mapper_ds else
dark if dark in
['sunny','rainy','snowy','snowy-rainy','windy','fog','cloudy','hail','lightning']
else 'sunny-alert' %}
mdi:weather-{{weather}}
guess will have to do without that beautiful CH feature, yet again.
which of course doesnt work yet, but gives you an idea of what Id like. Taking out the middle <ha-icon icon={{states('sensor.weather_icon')}}></ha-icon> works fine.
Your mapper should work with the codes, you might need to make the \ into \\. You do need the CSS to load material design icons, but you could try to just grab out the part you need from that file and host in in \config\www:
Hi Kendell, this solution caught my attention for a different issue.
Do you think itās possible to change the stylesheet of markdown card with your method? Regarding the new markdown style change since HA117 you are also aware of. Iām curious if itās possible this way to have the stylesheet a height of 0, which eliminates the changes from HA117+.
With HA 117 markdown cards are rendered/styled differently. I use card-mod to alter the height of the card which worked excellent. However, there is a new variable with HA 117, a constructed stylesheet . This is set to height: 100% by default and works globally I noticed.
Using inspect element and changing the height of the stylesheet to 0, eliminates it and thus doesnāt override the card-height of markdown below it anymore.
In the image I posted. You see what I highlighted red right? That one overrides all markdown cards. When I set it to 0 within inspector element, all markdown cards use the height set in the cards itself. So it does work, but I have no idea how to apply that as default. Thatās why I hoped itās possible through either resources or theme.yaml
Btw I created a ticket about this when HA117 released. Unfortunately there is no response and the person who made the PR for this change for HA117 doesnāt respond there anymore. So I want to find other solutions.