home_automation/ha-dashboards
2
0
Fork 0
Code Issues 2 Pull Requests Projects Activity

Move some bubble card button theming to modules

Browse Source
This commit is contained in:
Tony Stork
2025-07-07 05:04:40 -04:00
parent 60157b38ce
commit 1a4cc3503a
1 changed files with 10 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
mobile_dashboard.yaml
View File

@ -25,17 +25,10 @@ streamline_templates:
action: none
hold_action:
action: more-info
styles: |-
.is-unavailable {
opacity: 0.5 !important;
}
.bubble-button-background {
opacity: 1 !important;
background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--bubble-main-background-color)'} !important;
transition: background-color 1s !important;
}
show_state: false
columns: '[[columns]]'
modules:
- main_button_state_red
main_button_name:
default:
- name: ''
@ -94,30 +87,6 @@ streamline_templates:
tap_action:
action: navigate
navigation_path: '[[navigation_path]]'
styles_javascript: |
const occupancy = states['[[occupancy_entity]]'].state;
const hot = states['[[hot_entity]]'].state;
const cold = states['[[cold_entity]]'].state;
return `
.is-unavailable {
opacity: 0.5 !important;
}
.bubble-button-background {
opacity: 1 !important;
background-color: ${
occupancy === 'on' ? 'var(--accent-color)' : 'var(--bubble-main-background-color)'
} !important;
transition: background-color 1s !important;
}
.bubble-sub-button {
background: transparent
}
.bubble-sub-button-1 {
background-color: ${
hot === 'on' ? 'var(--error-color)' : cold === 'on' ? 'var(--purple-color)' : occupancy === 'on' ? 'var(--accent-color)' : 'var(--bubble-main-background-color)'
} !important;
}
`;
sub_button:
- entity: '[[temp_entity]]'
name: Temp
@ -137,11 +106,16 @@ streamline_templates:
modules:
- default
- temperature_colouring
- main_button_floors
temperature_colouring:
temperature_sensor: '[[temp_entity]]'
elements:
sub_buttons:
- 1
main_button_floors:
occupancy_entity: '[[occupancy_entity]]'
hot_entity: '[[hot_entity]]'
cold_entity: '[[cold_entity]]'
main_button_outdoors:
defaults:
name: ''
@ -173,28 +147,6 @@ streamline_templates:
tap_action:
action: navigate
navigation_path: '[[navigation_path]]'
styles_javascript: |
const occupancy = states['[[occupancy_entity]]'].state;
return `
.is-unavailable {
opacity: 0.5 !important;
}
.bubble-button-background {
opacity: 1 !important;
background-color: ${
occupancy === 'on' ? 'var(--accent-color)' : 'var(--bubble-main-background-color)'
} !important;
transition: background-color 1s !important;
}
.bubble-sub-button {
background: transparent
}
.bubble-sub-button-1 {
background-color: ${
occupancy === 'on' ? 'var(--accent-color)' : 'var(--bubble-main-background-color)'
} !important;
}
`;
sub_button:
- entity: '[[temp_entity]]'
name: Temp
@ -214,11 +166,14 @@ streamline_templates:
modules:
- default
- temperature_colouring
- main_button_outdoors
temperature_colouring:
temperature_sensor: '[[temp_entity]]'
elements:
sub_buttons:
- 1
main_button_outdoors:
occupancy_entity: '[[occupancy_entity]]'
floors_separator:
defaults:
- name: ''