It was my stupid mistake. I use same theme for all pages on my frontend, except this one 
. I create this page only for experiments and forgot to change theme, after I did it’s start working
You’re welcome. Your frog looks happy too 
One more thing: in your card you use sensor.openweathermap_precipitation, which doesn’t exist. Replace it with sensor.openweathermap_rain and the correct Google weather icon should show up. That’s what I meant
It’s Dutch for ‘now’
Hi, thank you for this theme, very nice! Can you please share the settings cards like system backups, updates, and developer tools? Also the details for sensors/scripts? Thank you!
Thanks for your kind words. You can find the code for all cards on github, but here are some:
type: custom:mushroom-template-card
primary: Back-ups
secondary: >-
{{state_attr('sensor.backup_state', 'backups_in_google_drive')}} back-ups,
totaal {{state_attr('sensor.backup_state', 'size_in_google_drive')}}
Vorige: {% if state_attr('sensor.backup_state', 'last_backup') == "Never"
%}onbekend{% else %}{% set delta = (now().timestamp() -
as_timestamp(state_attr('sensor.backup_state', 'last_backup')))/86400 %}{% if
delta < 1 %}vanmorgen{% elif delta < 2 %}gisteren{% else %}{{delta | round(0,
"floor")}} dagen geleden{% endif %}{% endif %}
Volgende: {% set delta = (as_timestamp(state_attr('sensor.backup_state',
'next_backup')) - now().timestamp())/86400 %}{% if delta < 1 %}vannacht{% elif
delta < 1.5 %}morgen{% else %}over {{delta | round(0, "floor")}} dagen{% endif
%}
icon: |-
{% if states('binary_sensor.backups_stale') == "off" %}
mdi:cloud-check
{% else %}
mdi:cloud-question
{% endif %}
multiline_secondary: true
icon_color: |-
{% if states('binary_sensor.backups_stale') == "off" %}
green
{% else %}
red
{% endif %}
tap_action:
action: navigate
navigation_path: /cebe7a76_hassio_google_drive_backup
HACS update card: Mushroom Cards - Build a beautiful dashboard easily 🍄 (Part 1) - #4125 by ArenaCloser
What specific sensors/scripts would you be interested in?
Good Day. I modify a little bit @ArenaCloser frog card and it’s look great
type: custom:stack-in-card
cards:
- type: markdown
style:
.: |
ha-card {
background-color: rgba(0,0,0,0) !important;
box-shadow: none;
margin-left:0rem
}
ha-markdown-element:second-of-type h1 {
background-color: rgba(0,0,0,0);
color: var(--primary-text-color);
font-weight: normal;
font-size: 3px;
line-height: 3px;
}
content: >
### {{ states('input_select.frontend_greeting')}},{{user}}.<br/> Today is
{{ now().strftime('%A') }}, {{ now().strftime('%B') }} {% set suffix =
['st', 'nd', 'rd'] %}{% set day = now().day %}{% set index = 3 if day //
10 == 1 or day % 10 == 0 else (day % 10) - 1 %} {{ day~'th' if index > 2
else day~suffix[index] }} and it's {{ states('sensor.time_2')}}. <br/>
Temperature today {{states('sensor.openweathermap_forecast_temperature')
}}°C <br/> {{states('sensor.openweathermap_condition') }}.
card_mod:
style: |
ha-card {
height: 20em !important;
background: linear-gradient(to top, transparent, rgba(var(--frog-rgb-{{states('sensor.weather_frog_status')}})) 10%), url({{states('sensor.weather_frog_image_wide')}});
background-size: cover, 200% auto;
background-position: bottom left {% if is_state("sensor.weather_frog_location", "field") %}20%{% elif is_state("sensor.weather_frog_location", "hills") %}40%{% else %}10%{% endif %};
background-repeat: no-repeat;
background-blend-mode: saturation;
font-size: 10px;
}
Only one thing I can’t figure it out how to do, is how to add navigation to my Weather card?
I tried to add:
tap_action:
action: navigate
navigation_path: weather
but it’s not doing anything. Any idea why? It’s work with other cards. Thank you
I always add navigation actions through the UI but this is what it then looks like in YAML:
tap_action:
action: navigate
navigation_path: /dashboard-view/nieuws
So I guess you may have to add /URL-of-your-dashboard/ in front of the page name.
Thank you for your quick response. I did all this.
What you see in navigation code, this is what I use in all my cads to navigate to the different pages and its working fine, but when I add this code to your card nothing happens.
I now its something with my code, but couldn’t figure it out what and where.
Did you check it is in the correct indentation? Otherwise I honestly don’t know.
So, what I decided to do for now is added a picture card and it’s working fine with navigation:
type: custom:stack-in-card
cards:
- type: markdown
tap_action:
action: navigate
navigation_path: dashboard-experimental-1/weather
style:
.: |
ha-card {
background-color: rgba(0,0,0,0) !important;
box-shadow: none;
margin-left:0rem
}
ha-markdown-element:second-of-type h1 {
background-color: rgba(0,0,0,0);
color: var(--primary-text-color);
font-weight: normal;
font-size: 3px;
line-height: 3px;
}
content: >
### {{ states('input_select.frontend_greeting')}},{{user}}.<br/> Today
is {{ now().strftime('%A') }}, {{ now().strftime('%B') }} {% set suffix =
['st', 'nd', 'rd'] %}{% set day = now().day %}{% set index = 3 if day //
10 == 1 or day % 10 == 0 else (day % 10) - 1 %} {{ day~'th' if index > 2
else day~suffix[index] }} and it's {{ now().strftime('%-I:%M %p') }}.
<br/> Temperature {{states('sensor.openweathermap_forecast_temperature')
| int }}°C <br/> {{states('sensor.openweathermap_condition') }}.
- type: picture
image: .
tap_action:
action: navigate
navigation_path: weather
card_mod:
style: |
ha-card {
background-color: transparent !important;
picture-color: green !important;
}
card_mod:
style: |
ha-card {
height: 20em !important;
background: linear-gradient(to top, transparent, rgba(var(--frog-rgb-{{states('sensor.weather_frog_status')}})) 10%), url({{states('sensor.weather_frog_image_wide')}});
background-size: cover, 200% auto;
background-position: bottom left {% if is_state("sensor.weather_frog_location", "field") %}20%{% elif is_state("sensor.weather_frog_location", "hills") %}40%{% else %}10%{% endif %};
background-repeat: no-repeat;
background-blend-mode: saturation;
font-size: 10px;
}
I would like to make this picture transparent, but no luck so far.
Again thank you for your hard work, quick respond and proffecional response.
Slightly hacky suggestion: perhaps upload a transparent image and use that one?
This is what I have for now. It’s working good , but I can click only area where picture is. I can’t ( for some reason 
) use whole card transparent picture, or may be I am doing this wrong.
It’s working much batter now. I edit my transparent picture with online tool and now it’s not visible like it was before and working great. THANK YOU FOR YOUR HELP AND SEGESTION.
Here is my code if anyone want to use it:
type: custom:stack-in-card
cards:
- type: markdown
tap_action:
action: navigate
navigation_path: weather
card_mod:
style:
.: |
ha-card {
background-color: rgba(0,0,0,0) !important;
box-shadow: none;
margin-left:0rem
}
ha-markdown-element:second-of-type h1 {
background-color: rgba(0,0,0,0);
color: var(--primary-text-color);
font-weight: normal;
font-size: 3px;
line-height: 3px;
}
content: >
###{% if now().hour < 5 %} Good Night {{'\U0001F634'}} {% elif now().hour
< 12 %} Good Morning {{'\u2615\uFE0F'}} {% elif now().hour < 18 %} Good
Afternoon {{'\U0001F44B\U0001F3FB'}} {% else %} Good Evening
{{'\U0001F44B\U0001F3FB'}}{% endif %} , {{user}}.<br/> Today is {{
now().strftime('%A') }}, {{ now().strftime('%B') }} {% set suffix = ['st',
'nd', 'rd'] %}{% set day = now().day %}{% set index = 3 if day // 10 == 1
or day % 10 == 0 else (day % 10) - 1 %} {{ day~'th' if index > 2 else
day~suffix[index] }} and it's {{ now().strftime('%-I:%M %p') }}. <br/>
Temperature {{states('sensor.openweathermap_forecast_temperature') |
int }}°C <br/> {{states('sensor.openweathermap_condition') }}.
- type: picture
image: /local/MyPictures/OIP-removebg-preview.png
tap_action:
action: navigate
navigation_path: weather
card_mod:
style: |
ha-card {
background-color: transparent !important;
}
card_mod:
style: |
ha-card {
height: 20em !important;
background: linear-gradient(to top, transparent, rgba(var(--frog-rgb-{{states('sensor.weather_frog_status')}})) 10%), url({{states('sensor.weather_frog_image_wide')}});
background-size: cover, 200% auto;
background-position: bottom left {% if is_state("sensor.weather_frog_location", "field") %}20%{% elif is_state("sensor.weather_frog_location", "hills") %}40%{% else %}10%{% endif %};
background-repeat: no-repeat;
background-blend-mode: saturation;
font-size: 10px;
}
Long time no activity here. But I noticed that the navigation menu is not working for me. It’s not sticky anymore. I’m on the beta of HA, the release that comes today.
Probably something is changed what breaks it. But i don’t know what that could be.
@ArenaCloser , maybe you can take a look?
same behavior for me
I’m still on 2024.2, so I can’t tell what has changed in 2024.6. Maybe someone else knows what changed? Or perhaps it’s been discussed in the Mushroom topic already? Otherwise I’ll check it out myself when I upgrade.
Can you try this solution from the Mushroom thread? Changing the position from sticky or -webkit-sticky to fixed: Mushroom Cards - Build a beautiful dashboard easily 🍄 (Part 2) - #811 by LiQuid_cOOled
too bad, that is not working for me
Can you post your menu card code so we can see what’s preventing the code from working?