Sure, Ive sent you all fonts
Just to make sure, you’ve placed font.css
and fonts
folder in www
and NOT in a folder called local
?
Yes, i just did that. Placed Font.css and fonts folder in www …
You done some great work, @Mattias_Persson - I’m trying to recreate and make it my own. It is hard, but I got all the main things working, I think
Thanks for the inspiration.
The sidebar is able to show specific entites like battery ones.
battery: |
{% set entities = [
'sensor.bad_fenster_links_batterie',
'sensor.bad_heizung_batterie',
'sensor.bad_temperatursensor_batterie', ] %}
{%- for sensor in entities if states(sensor) | int(0) <= 30 and states(sensor) != 'unknown' %}
{%- if loop.first %} {{-'\u26A0\uFE0F'}} Batteriealarm: {% else %}, {% endif -%}
{{ state_attr(sensor, 'friendly_name') + ' ' + states(sensor) + '%' }}
{%- endfor %}
But I have to add every entitiy manually. Is there a way to add a template-name? All my battery entites end up with “_batterie”.
How many batteries do you have?
Do you need link the font folder in the configuration.yaml? And from the font.css it uses the file names SF-UI-Display-weight.otf, but I think Apple changed the file names to SF-Pro-Display-weight.otf
hey there,
I am pretty sure I didn’t change anything by intention. But i do have problems with the color of the sidebar bottom buttons…
EDIT: It was already working before
themes.yaml:
#conditional color
"$hui-button-card:last-of-type$": |
{% if is_state('binary_sensor.sidebar_update_color', 'on') %}
ha-card, ha-icon {
color: rgb(35, 78 ,106) !important;
opacity: 1 !important;
animation: update 1.5s ease-out infinite;
}
ha-card:hover {
filter: brightness(130%);
animation-play-state: paused;
}
{% endif %}
@keyframes update {
0% {
transform: scale(1);
}
40% {
transform: scale(1.08);
}
50% {
transform: scale(0.98);
}
55% {
transform: scale(1.02);
}
60% {
transform: scale(0.98);
}
100% {
transform: scale(1);
}
}
sidebar.sensor:
The animation is working, but not the color Any ideas, how to troubleshoot this?
Thanks in advance!
How many? All!
Thanks for the hint. It’s working for me. This was more because of forgetting to add a new sensor. But it also saves a few lines of code.
battery: |
{% set entities = states.sensor
|selectattr("entity_id", "search", "batterie")
|rejectattr("entity_id", "search", ".*indicator_led$")
|map(attribute="entity_id")
|list %}
{%- for sensor in entities if states(sensor) | int(0) <= 30 and states(sensor) != 'unknown' %}
{%- if loop.first %} {{-'\u26A0\uFE0F'}} Batteriealarm: {% else %}, {% endif -%}
{{ state_attr(sensor, 'friendly_name') + ' ' + states(sensor) + '%' }}
{%- endfor %}
You’re right, that is better
ha-icon
→ ha-state-icon
Can you share the code for displaying the icons in one row?
I just added additional "-button"s to the mattias grid.
type: vertical-stack
cards:
- type: custom:button-card
entity: sensor.template_sidebar
template: sidebar_template
- type: conditional
conditions:
- entity: timer.default
state: active
card:
type: custom:button-card
entity: timer.default
template: laundry
- type: grid
cards:
- type: button
tap_action:
action: call-service
service: automation.toggle
service_data:
entity_id: automation.telegram_door_open
entity: sensor.door_automation_status
show_name: false
show_state: false
show_icon: true
- type: button
...
- type: button
...
- type: button
...
- type: button
Hey @Mattias_Persson, is it possible to pair your buttoncard style with the slider-button-card from GitHub - mattieha/slider-button-card: A button card with integrated slider ?
You can probably come close with slider-button-card#styles
EDIT:
or make your own…
type: custom:button-card
tap_action:
slider: function
custom_fields:
slider: >
<input type="range">
@Mattias_Persson , I’m ashamed
But also I’m thankful because you give us, the beginners good advices!
Thank you very much!