Sure. But if you mean the main background. You have to change it from raw configuration editor
square: false
columns: 1
type: grid
cards:
- type: horizontal-stack
cards:
- type: custom:mushroom-title-card
title: Otomasyonlar 🔑
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
icon: mdi
primary: Sleep Mode
entity: input_boolean.notify_home3
fill_container: false
multiline_secondary: false
layout: vertical
style: |
mushroom-card {
background: var(--card-background-color) url( '/local/icons/automation/sleep.png' ) no-repeat center 0px;
background-size: 42px 42px;
{% if is_state('input_boolean.notify_home3', 'on') %}
{% else %}
filter: grayscale(100%);
{% endif %}
}
- type: custom:mushroom-template-card
icon: mdi
primary: Movie Time
entity: input_boolean.notify_home
fill_container: false
multiline_secondary: false
layout: vertical
style: |
mushroom-card {
background: var(--card-background-color) url( '/local/icons/automation/movietime.png' ) no-repeat center 0px;
background-size: 42px 42px;
{% if is_state('input_boolean.notify_home', 'on') %}
{% else %}
filter: grayscale(100%);
{% endif %}
}
- type: custom:mushroom-template-card
icon: mdi
primary: Alarm
entity: input_boolean.notify_home4
fill_container: false
multiline_secondary: false
layout: vertical
style: |
mushroom-card {
background: var(--card-background-color) url( '/local/icons/automation/alarmpanel2.png' ) no-repeat center 0px;
background-size: 42px 42px;
{% if is_state('input_boolean.notify_home4', 'on') %}
{% else %}
filter: grayscale(100%);
{% endif %}
}
- type: custom:mushroom-template-card
icon: mdi
primary: Guest Mode
entity: input_boolean.notify_home1
fill_container: false
multiline_secondary: false
layout: vertical
style: |
mushroom-card {
background: var(--card-background-color) url( '/local/icons/automation/guest.png' ) no-repeat center 0px;
background-size: 42px 42px;
{% if is_state('input_boolean.notify_home1', 'on') %}
{% else %}
filter: grayscale(100%);
{% endif %}
}
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
icon: mdi
primary: Music Follow
entity: input_boolean.notify_home7
fill_container: false
multiline_secondary: false
layout: vertical
style: |
mushroom-card {
background: var(--card-background-color) url( '/local/icons/automation/musicfollow.png' ) no-repeat center 0px;
background-size: 42px 42px;
{% if is_state('input_boolean.notify_home7', 'on') %}
{% else %}
filter: grayscale(100%);
{% endif %}
}
- type: custom:mushroom-template-card
icon: mdi
primary: Traffic 35
entity: input_boolean.notify_home5
fill_container: false
multiline_secondary: false
layout: vertical
style: |
mushroom-card {
background: var(--card-background-color) url( '/local/icons/automation/traffic35.png' ) no-repeat center 0px;
background-size: 42px 42px;
{% if is_state('input_boolean.notify_home5', 'on') %}
{% else %}
filter: grayscale(100%);
{% endif %}
}
- type: custom:mushroom-template-card
icon: mdi
primary: Traffic 45
entity: input_boolean.notify_home6
fill_container: false
multiline_secondary: false
layout: vertical
style: |
mushroom-card {
background: var(--card-background-color) url( '/local/icons/automation/traffic45.png' ) no-repeat center 0px;
background-size: 42px 42px;
{% if is_state('input_boolean.notify_home6', 'on') %}
{% else %}
filter: grayscale(100%);
{% endif %}
}
- type: custom:mushroom-template-card
icon: mdi
primary: Windows
entity: input_boolean.notify_home8
fill_container: false
multiline_secondary: false
layout: vertical
style: |
mushroom-card {
background: var(--card-background-color) url( '/local/icons/automation/windows.png' ) no-repeat center 0px;
background-size: 42px 42px;
{% if is_state('input_boolean.notify_home8', 'on') %}
{% else %}
filter: grayscale(100%);
{% endif %}
}
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
icon: mdi
primary: Face Recognition
entity: input_boolean.face_recognize
fill_container: false
multiline_secondary: false
layout: vertical
style: |
mushroom-card {
background: var(--card-background-color) url( '/local/icons/automation/facerecognition.png' ) no-repeat center 0px;
background-size: 42px 42px;
{% if is_state('input_boolean.face_recognize', 'on') %}
{% else %}
filter: grayscale(100%);
{% endif %}
}
- type: custom:mushroom-entity-card
secondary_info: none
layout: vertical
icon: ''
tap_action:
action: toggle
icon_color: amber
- type: custom:mushroom-entity-card
layout: vertical
secondary_info: none
tap_action:
action: toggle
icon_color: amber
- type: custom:mushroom-entity-card
layout: vertical
secondary_info: none
icon: mdi:window-closed-variant
fill_container: false
tap_action:
action: toggle
icon_color: amber