Tried so many Tiles implementations, Nothing can be compared to yours…
Keep the good work!
Hi Dbuit I tried as soon as I did the update BUT STILL THE FLAME ICON WHEN I PRESS TO LIGHT IT REMAINS GRAY
Hello JEJU_Park after the modification made d DBuit to you the flame of the thermostat lights up? ame still not and also I immediately updated in HACS
@DBuit Thank you very much for your kindness.
Heat mode and off mode operate rightly. However, heat_cool mode doesn’t operate rightly. @DBuit Can you check it?
heat mode and off mode operate rightly. however, heat_cool mode doesn’t…
That is strange all modes work the same.
For me it is working for heat_cool mode…
Maybe the color variable is somewhere changed?
In the style part of the popup you can try to set the colors for the modes, this are all variables:
:host {
--auto-color: #EE7600;
--eco-color: springgreen;
--cool-color: #2b9af9;
--heat-color: #EE7600;
--manual-color: #44739e;
--off-color: lightgrey;
--fan_only-color: #8a8a8a;
--dry-color: #efbd07;
--idle-color: #00CC66;
--unknown-color: #bac;
}
thank you Jejun
Thank you DBuit
I will test it again… ㅜㅜ
I think it judging by mixing both hvac_action and hvac_mode. Is it right?
When I tested it with heat mode, it didn’t show the color when the mode was heat and hvac_action was idle.
Can you change the logic to judge only by mode?
Hi,
There was some extra logic that was not needed anymore i guess
I removed it try the new version and let me know.
1 Like
Sure, you can find my code here: https://github.com/NdR91/NdR-HomeAssistant
Regarding Spotify, i’m not using it, sorry!
(Certo, puoi trovare qui il mio codice: https://github.com/NdR91/NdR-HomeAssistant
Purtroppo non uso Spotify, mi spiace!)
Grazie andrea per la condivisione se non sono troppo invadente mi avevi sugerito per la telecamera di creare una CARD popup ho provato ma senza successo se hai qualcosa tu da condividere te ne sarei grato…sto studiando molto il forum e devo dire che si ottengono buoni risultati più che in un manuale. Grazie ancora.
Great …it operate rightly!!
Thank you for your job!!!
1 Like
After i updated browser_mod and Light popup card the other day to the latest the no homepage showing started again.
Is there anyway to make the homekit card more informative on what is going on rather then just going totaly blank?
On firefox it happens half the time on chrome its all the time cash cleard
And worst of all browser say no error.
And as before if you go in to edit and out its back.
enableColumns: true
home: false
icon: 'mdi:home-outline'
rows:
- columns:
- column: 1
entities:
- entities:
- entity: light.utomhus_vagglampa
icon: 'mdi:wall-sconce'
popupExtend:
actions: null
settings:
closeButton: stäng
openButton: Inställningar
settingsCard:
cardOptions:
entity: light.utomhus_vagglampa
secondary_info: last-changed
smooth_color_wheel: true
cardStyle: |
background-color:#FFF;
type: 'custom:light-entity-card'
title: Vägglampa
- deep_press: true
entity: light.utomhus_ljusslinga
name: Ledslinga
offStates:
- 'off'
- unavailable
- otillgänglig
- unknown
popupExtend:
actions: null
settings:
closeButton: stäng
openButton: Inställningar
settingsCard:
cardOptions:
entity: light.utomhus_ljusslinga
secondary_info: last-changed
smooth_color_wheel: true
cardStyle: |
background-color:#FFF;
type: 'custom:light-entity-card'
- deep_press: true
entity: light.busklampor
name: Busklampor
offStates:
- 'off'
- unavailable
- otillgänglig
- unknown
popupExtend:
actions: null
settings:
closeButton: stäng
openButton: Inställningar
settingsCard:
cardOptions:
entity: light.busklampor
secondary_info: last-changed
smooth_color_wheel: true
cardStyle: |
background-color:#FFF;
type: 'custom:light-entity-card'
popup:
brightnessHeight: 300px
brightnessWidth: 110px
scenesInARow: 2
supportedFeaturesTreshold: 40
switchHeight: 300px
switchWidth: 110px
type: 'custom:light-popup-card'
title: Utomhus
tileOnRow: 3
- column: 1
entities:
- entities:
- deep_press: true
entity: light.alla_lampor_grupp
name: Alla Lampor
popupExtend:
actions:
- color: '#d8d9e1'
service: light.turn_on
service_data:
color_temp: 153
entity_id: light.alla_lampor_grupp
- color: '#d5b08d'
service: light.turn_on
service_data:
color_temp: 326
entity_id: light.alla_lampor_grupp
- color: '#ce944b'
service: light.turn_on
service_data:
color_temp: 500
entity_id: light.alla_lampor_grupp
- color: '#271a00'
service: light.turn_on
service_data:
brightness: 5
color_temp: 500
entity_id: light.alla_lampor_grupp
- color: '#2E8B57'
service: light.turn_on
service_data:
color_name: seagreen
entity_id: light.alla_lampor_grupp
- color: '#D2691E'
service: light.turn_on
service_data:
color_name: chocolate
entity_id: light.alla_lampor_grupp
- color: '#FF00FF'
service: light.turn_on
service_data:
color_name: fuchsia
entity_id: light.alla_lampor_grupp
- color: '#DC143C'
service: light.turn_on
service_data:
color_name: crimson
entity_id: light.alla_lampor_grupp
- color: '#1E90FF'
service: light.turn_on
service_data:
color_name: dodgerblue
entity_id: light.alla_lampor_grupp
- color: '#FFD700'
service: light.turn_on
service_data:
color_name: gold
entity_id: light.alla_lampor_grupp
actionsInARow: 5
brightnessHeight: 300px
brightnessWidth: 110px
settings:
closeButton: stäng
openButton: Inställningar
settingsCard:
cardOptions:
consolidate_entities: true
entity: light.alla_lampor_grupp
smooth_color_wheel: true
cardStyle: |
background-color:#FFF;
type: 'custom:light-entity-card'
switchHeight: 300px
switchWidth: 110px
- deep_press: true
entity: light.vardagsrumslampor
name: Vardagsrums lampor
popupExtend:
actions:
- color: '#d8d9e1'
service: light.turn_on
service_data:
color_temp: 153
entity_id: light.vardagsrumslampor
- color: '#d5b08d'
service: light.turn_on
service_data:
color_temp: 326
entity_id: light.vardagsrumslampor
- color: '#ce944b'
service: light.turn_on
service_data:
color_temp: 500
entity_id: light.vardagsrumslampor
- color: '#271a00'
service: light.turn_on
service_data:
brightness: 5
color_temp: 500
entity_id: light.vardagsrumslampor
actionsInARow: 2
brightnessHeight: 300px
brightnessWidth: 110px
settings:
closeButton: stäng
openButton: Inställningar
settingsCard:
cardOptions:
consolidate_entities: true
entity: light.vardagsrumslampor
smooth_color_wheel: true
cardStyle: |
background-color:#FFF;
type: 'custom:light-entity-card'
switchHeight: 300px
switchWidth: 110px
- deep_press: true
entity: light.sovrumslampor
name: Sovrums lampor
popupExtend:
actions:
- color: '#d8d9e1'
service: light.turn_on
service_data:
color_temp: 153
entity_id: light.sovrumslampor
- color: '#d5b08d'
service: light.turn_on
service_data:
color_temp: 326
entity_id: light.sovrumslampor
- color: '#ce944b'
service: light.turn_on
service_data:
color_temp: 500
entity_id: light.sovrumslampor
- color: '#271a00'
service: light.turn_on
service_data:
brightness: 5
color_temp: 500
entity_id: light.sovrumslampor
- color: '#2E8B57'
service: light.turn_on
service_data:
color_name: seagreen
entity_id: light.sovrumslampor
- color: '#D2691E'
service: light.turn_on
service_data:
color_name: chocolate
entity_id: light.sovrumslampor
- color: '#FF00FF'
service: light.turn_on
service_data:
color_name: fuchsia
entity_id: light.sovrumslampor
- color: '#DC143C'
service: light.turn_on
service_data:
color_name: crimson
entity_id: light.sovrumslampor
- color: '#1E90FF'
service: light.turn_on
service_data:
color_name: dodgerblue
entity_id: light.sovrumslampor
- color: '#FFD700'
service: light.turn_on
service_data:
color_name: gold
entity_id: light.sovrumslampor
actionsInARow: 5
brightnessHeight: 300px
brightnessWidth: 110px
settings:
closeButton: stäng
openButton: Inställningar
settingsCard:
cardOptions:
consolidate_entities: true
entity: light.sovrumslampor
smooth_color_wheel: true
cardStyle: |
background-color:#FFF;
type: 'custom:light-entity-card'
switchHeight: 300px
switchWidth: 110px
- deep_press: true
entity: light.sovrumsbank_lampor_grupp
name: Sovrums Bänklampor
popupExtend:
actions:
- color: '#d8d9e1'
service: light.turn_on
service_data:
color_temp: 153
entity_id: light.sovrumsbank_lampor_grupp
- color: '#d5b08d'
service: light.turn_on
service_data:
color_temp: 326
entity_id: light.sovrumsbank_lampor_grupp
- color: '#ce944b'
service: light.turn_on
service_data:
color_temp: 500
entity_id: light.sovrumsbank_lampor_grupp
- color: '#271a00'
service: light.turn_on
service_data:
brightness: 5
color_temp: 500
entity_id: light.sovrumsbank_lampor_grupp
- color: '#2E8B57'
service: light.turn_on
service_data:
color_name: seagreen
entity_id: light.sovrumsbank_lampor_grupp
- color: '#D2691E'
service: light.turn_on
service_data:
color_name: chocolate
entity_id: light.sovrumsbank_lampor_grupp
- color: '#FF00FF'
service: light.turn_on
service_data:
color_name: fuchsia
entity_id: light.sovrumsbank_lampor_grupp
- color: '#DC143C'
service: light.turn_on
service_data:
color_name: crimson
entity_id: light.sovrumsbank_lampor_grupp
- color: '#1E90FF'
service: light.turn_on
service_data:
color_name: dodgerblue
entity_id: light.sovrumsbank_lampor_grupp
- color: '#FFD700'
service: light.turn_on
service_data:
color_name: gold
entity_id: light.sovrumsbank_lampor_grupp
actionsInARow: 5
brightnessHeight: 300px
brightnessWidth: 110px
settings:
closeButton: stäng
openButton: Inställningar
settingsCard:
cardOptions:
consolidate_entities: true
entity: light.sovrumsbank_lampor_grupp
smooth_color_wheel: true
cardStyle: |
background-color:#FFF;
type: 'custom:light-entity-card'
switchHeight: 300px
switchWidth: 110px
- deep_press: true
entity: light.sovrums_temp_lampor_grupp
name: Sovrum Temp lampor
popupExtend:
actions:
- color: '#d8d9e1'
service: light.turn_on
service_data:
color_temp: 153
entity_id: light.sovrums_temp_lampor_grupp
- color: '#d5b08d'
service: light.turn_on
service_data:
color_temp: 326
entity_id: light.sovrums_temp_lampor_grupp
- color: '#ce944b'
service: light.turn_on
service_data:
color_temp: 500
entity_id: light.sovrums_temp_lampor_grupp
- color: '#271a00'
service: light.turn_on
service_data:
brightness: 5
color_temp: 500
entity_id: light.sovrums_temp_lampor_grupp
actionsInARow: 2
brightnessHeight: 300px
brightnessWidth: 110px
settings:
closeButton: stäng
openButton: Inställningar
settingsCard:
cardOptions:
consolidate_entities: true
entity: light.sovrums_temp_lampor_grupp
smooth_color_wheel: true
cardStyle: |
background-color:#FFF;
type: 'custom:light-entity-card'
switchHeight: 300px
switchWidth: 110px
- deep_press: true
entity: light.evelinsrumslampor
name: Evelinsrums lampor
popupExtend:
actions:
- color: '#d8d9e1'
service: light.turn_on
service_data:
color_temp: 153
entity_id: light.evelinsrumslampor
- color: '#d5b08d'
service: light.turn_on
service_data:
color_temp: 326
entity_id: light.evelinsrumslampor
- color: '#ce944b'
service: light.turn_on
service_data:
color_temp: 500
entity_id: light.evelinsrumslampor
- color: '#271a00'
service: light.turn_on
service_data:
brightness: 5
color_temp: 500
entity_id: light.evelinsrumslampor
actionsInARow: 2
brightnessHeight: 300px
brightnessWidth: 110px
settings:
closeButton: stäng
openButton: Inställningar
settingsCard:
cardOptions:
consolidate_entities: true
entity: light.evelinsrumslampor
smooth_color_wheel: true
cardStyle: |
background-color:#FFF;
type: 'custom:light-entity-card'
switchHeight: 300px
switchWidth: 110px
- deep_press: true
entity: light.malvinasrumslampor
popupExtend:
actions:
- color: '#d8d9e1'
service: light.turn_on
service_data:
color_temp: 153
entity_id: light.malvinasrumslampor
- color: '#d5b08d'
service: light.turn_on
service_data:
color_temp: 326
entity_id: light.malvinasrumslampor
- color: '#ce944b'
service: light.turn_on
service_data:
color_temp: 500
entity_id: light.malvinasrumslampor
- color: '#271a00'
service: light.turn_on
service_data:
brightness: 5
color_temp: 500
entity_id: light.malvinasrumslampor
actionsInARow: 2
brightnessHeight: 300px
brightnessWidth: 110px
settings:
closeButton: stäng
openButton: Inställningar
settingsCard:
cardOptions:
consolidate_entities: true
entity: light.malvinasrumslampor
smooth_color_wheel: true
cardStyle: |
background-color:#FFF;
type: 'custom:light-entity-card'
switchHeight: 300px
switchWidth: 110px
popup:
type: 'custom:light-popup-card'
title: Grupper
tileOnRow: 7
row: 1
statePositionTop: false
style: |
:host {
--tile-background: rgba(10, 10, 10, 0.22);
--tile-border-radius: 12px;
--tile-width: 100px;
--tile-height: 100px;
--tile-on-background: var(--card-background-color);
--tile-name-text-color: var(--paper-item-icon-color);
--tile-on-name-text-color: var(--primary-text-color);
--tile-state-text-color: var(--paper-item-icon-color);
--tile-on-state-text-color: var(--paper-item-icon-active-color);
--tile-state-changed-text-color: var(--primary-text-color);
--tile-unavailable-state-text-color: rgba(255, 0, 0, 1);
--tile-value-text-color: var(--primary-text-color);
--tile-icon-color: var(--paper-item-icon-color);
--tile-on-icon-color: var(--paper-item-icon-active-color);
--tile-width-mobile: 90px;
--tile-height-mobile: 90px;
--min-header-height: 150px;
--tile-icon-size: 30px;
--tile-image-radius: 100%
--slider-width: 120px;
--slider-height: 120px;
}
title: Home
titleColor: '#FFF'
type: 'custom:homekit-card'
Stiripped down my code to this and it still happens.
Hi there,
I style my tiles dark. Now I just want to modify the icon and text color of the integrated mini-gaph-card. But I got strange results. Am I wrong with something? Is this an issue with my theme I’m using?
Thanks in advance!
left: styled mini-graph (font size too big, background of inner card visible, round corners)
right: default mini-graph
- card: 'custom:mini-graph-card'
cardStyle: |
.header .icon {
color: #FFFFFF;
}
noPadding: true
cardOptions:
animate: true
color_thresholds:
- color: '#009ddc'
value: 0
- color: '#62bb47'
value: 15
- color: '#fcb827'
value: 24
- color: '#e03a3c'
value: 30
entities:
- entity: sensor.dwd_temperature
name: Temperatur
hour24: true
show:
name: false
hours_to_show: 12
points_per_hour: 1
