Hi everyone!! I’ve just started with home-assistant recently.
After a week of trying i can’t get the light popup card to work. So i reverted to my setup without fancy popup cards… I would like to have some pointers in the right direction!! My code upon till now.
Help would be much appreciated!
background: center / cover no-repeat fixed url('/local/images/bg_long.png?v=1')
title: Home
kiosk_mode:
mobile_settings:
hide_header: true
views:
- title: Home
panel: true
badges: []
cards:
- type: vertical-stack
cards:
- type: markdown
content: >
<table> <tr><td width="200px"><h3>{{
states('sensor.dashboard_greeting') }}, {{ user }}
</h3><strong>Buitentemperatuur:</strong>
{{state_attr('weather.home','temperature')}}°C</br>
{% if is_state("sun.sun","above_horizon") -%}
<strong>Zonsondergang:</strong>
{{as_timestamp(strptime(state_attr("sun.sun", "next_setting"),
'')) | timestamp_custom("%-H:%M")}} {%- else -%}
<strong>Zonsopkomst:</strong>
{{as_timestamp(strptime(state_attr("sun.sun", "next_rising"), ''))
| timestamp_custom("%-H:%M")}}{%- endif
%}</br></br>
{% set count = states('sensor.aantal_lampen_aan')|int %} {% if
count < 1 %} <strong>Alle lampen staan uit.</strong> {% elif count
== 1%} <strong>Er staat </strong>1<strong> lamp aan.</strong> {%
else %}<strong>Er staan </strong>{{ count }}<strong> lampen
aan.</strong> {% endif %}</br>
{{states('sensor.dashboard_occupancy')}} </td><td></br><img
src="https://darksky.net/{{states('sensor.dashboard_weather')}}"
width="190px" /></td></tr> <tr><td
colspan="2"></td></tr></table></br>
style: |
ha-card {
background: transparent;
margin-top: -15px;
margin-bottom: -7px;
}
- type: 'custom:homekit-card'
home: false
title: Home
useBrightness: true
useTemperature: true
titleColor: '#FFF'
statePositionTop: true
style: |
:host {
--tile-background: rgba(255, 255, 255, 0.10);
--tile-border-radius: 12px;
--tile-width: 100px;
--tile-height: 100px;
--tile-on-background: rgba(255, 255, 255, 0.7);
--tile-name-text-color: rgba(255, 255, 255, 0.8);
--tile-on-name-text-color: rgba(0, 0, 0, 1);
--tile-state-text-color: rgba(255, 255, 255, 0.8);
--tile-on-state-text-color: rgba(0, 0, 0, 1);
--tile-state-changed-text-color: rgb(134, 134, 134);
--tile-unavailable-state-text-color: rgba(255, 255, 255, 1);
--tile-value-text-color: rgba(255, 0, 0, 1);
--tile-icon-color: rgba(255, 255, 255, 0.8);
--tile-on-icon-color: rgba(247,148,29,0.9) !important;
/* #f7d959; rgba(255,204,110,1.0) */
font-family: Arial;
}
.top-fav {
background-color: rgba(255, 255, 230,0.5) !important;
}
.off-bg {
background-color: rgba(255, 255, 255, 0.10) ;
}
.fan .icon {
color: rgba(0, 0, 0, 0.5) !important;
}
.hideState .state {
visibility:hidden !important;
}
homekit-button .icon.climate {
background-color: rgba(247,148,29,1.0) !important;
}
entities:
- title: Verlichting
entities:
- entity: light.dressoir
name: Dressoir
icon: 'mdi:dresser'
double_tap_action:
action: popup
- entity: group.keuken
name: Eettafel
icon: 'mdi:food'
double_tap_action:
action: popup
- entity: light.hue_iris
name: Hue Iris
icon: 'mdi:wall-sconce-round-variant'
double_tap_action:
action: popup
- entity: light.leeslamp
name: Leeslamp
icon: 'mdi:desk-lamp'
double_tap_action:
action: popup
- entity: light.vloerlamp
name: Vloerlamp
icon: 'mdi:floor-lamp'
double_tap_action:
action: popup
- title: Scenes
entities:
- entity: scene.goedemorgen
icon: 'mdi:weather-sunset'
tap_action:
action: call-service
service: script.goedemorgen
- entity: scene.tv_kijken
icon: 'mdi:television-classic'
tap_action:
action: call-service
service: script.tv_kijken
- entity: scene.welterusten
icon: 'mdi:weather-night'
tap_action:
action: call-service
service: script.welterusten