Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Neat humidifier controller for Home Assistant
cards:
- entities:
- entity: switch.kendell_s_humidifier
name: Direct control
- entity: humidifier.upstairs_bedroom
- entity: sensor.filtered_temperature
- entity: sensor.filtered_humidity
show_header_toggle: false
style: |
ha-card {
background-color: var(--primary-background-color);
border-radius: 15px;
margin: 20px;
padding: 0 0 270px 0;
box-shadow: {% if is_state('sun.sun', 'above_horizon') %}
-8px -8px 8px 0 rgba(255,255,255,.5),8px 8px 8px 0 rgba(0,0,0,.03);
{% else %}
-8px -8px 8px 0 rgba(50, 50, 50,.5),8px 8px 8px 0 rgba(0,0,0,.15);
{% endif %}
}
title: Humidifier
type: entities
- entity: humidifier.upstairs_bedroom
name: Humidifier
style: |
ha-card {
background-color: var(--primary-background-color);
max-width: 250px;
max-height: 220px;
display: block;
margin: -288px auto 20px auto;
box-shadow: {% if is_state('sun.sun', 'above_horizon') %}
-8px -8px 8px 0 rgba(255,255,255,.5),8px 8px 8px 0 rgba(0,0,0,.03);
{% else %}
-8px -8px 8px 0 rgba(50, 50, 50,.5),8px 8px 8px 0 rgba(0,0,0,.15);
{% endif %}
}
ha-card > * {
transform: scale(0.85, 0.85);
}
#set-values {
display: none;
}
#humidity > svg:nth-of-type(1) {
margin: 10px 0 0 0;
}
round-slider {
transform: scale(1.1, 1.1);
margin: -5px 0 0 0;
}
type: humidifier
type: vertical-stack
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment