Bonjour à tous,
J’aimerais utiliser les thèmes de @herveaurel mais j’ai des soucis de contour de carte que je n’arrive pas à supprimer (pourtant ok avec le thème HA de base). C’est très léger, mais c’est bien visible.
Avec le thème de base :
Avec le thème geek_light :
Avec le thème geek_dark :
Voilà la partie du code en question :
- type: custom:vertical-stack-in-card
cards:
- type: custom:mini-graph-card
entities:
- entity: sensor.xxx_temperature
color: null
hours_to_show: 24
hour24: true
animate: true
update_interval: 30
aggregate_func: avg
line_width: 1
bar_spacing: 10
height: 40
group: true
show:
labels: false
fill: false
state: false
name: false
icon: false
card_mod:
style: |
ha-card {
height: 84px;
position: absolute;
box-shadow: none;
background: none;
border-radius: 0;
opacity: 0.3;
margin-bottom: -90px;
margin-left: -0.6em;
margin-right: -0.6em;
}
- type: custom:paper-buttons-row
styles:
justify-content: space-between
background: none
margin: 10px 15px 10px
text-shadow: 0px 0px 20px var(--card-background-color);
buttons:
- layout: name_state
name: '{{ states("sensor.date_fr") }}'
state: '{{ now().strftime("%H") }}:{{ now().strftime("%M")}}'
styles:
name:
font-weight: 400
font-size: 14px
margin-left: 0
display: block
text-align: left
float: left
width: 140px
button:
pointer-events: none
align-items: left
width: 140px
line-height: 1.6em
state:
font-weight: 700
font-size: 26px
letter-spacing: '-1px'
margin-left: 0
display: block
text-align: left
float: left
width: 140px
- layout: icon|name_state
name: ⌂ {{ states('sensor.temperature') | round(1) }}°C
state: '{{ states(''sensor.xxx_temperature'') }}°C'
image: >
{% set mapper =
{ 'breezy':'cloudy',
'clear-night':'night',
'clear':'day',
'mostly-clear':'day',
'clear-day':'day',
'cloudy':'cloudy',
'fog':'fog',
'rainy':'rainy-7',
'haze':'haze',
'lightning':'thunder',
'mostly-cloudy':'cloudy',
'partlycloudy':'cloudy-day-3',
'partly-cloudy-day':'partly-cloudy-day',
'partly-cloudy-night':'partly-cloudy-night',
'rain':'rainy-4',
'scattered-showers':'rainy-3',
'showers':'rainy-6',
'sleet':'sleet',
'snow':'snowy-6',
'mostly-sunny':'day',
'sunny':'day',
'thunderstorm':'thunder',
'tornado':'tornado',
'wind':'wind',
'windy':'wind'} %}
{% set state = states('weather.niderhoff') %}
{% set weather = mapper[state] if state in mapper else 'weather'
%}
{% set path = '/local/weather/weather_icons/animated/' %}
{% set ext = '.svg'%}
{{[path,weather,ext]|join('')}}
styles:
name:
font-weight: 400
font-size: 16px
margin-left: 0
display: block
text-align: right
width: 140px
button:
pointer-events: none
align-items: right
width: 140px
line-height: 1.6em
state:
font-weight: 600
font-size: 26px
letter-spacing: '-1px'
margin-left: 0
display: block
text-align: right
width: 140px
icon:
position: absolute
left: 2px
transform: scale(0.17)
transform-origin: 0 19.5%
top: '-48px;'
padding: 0;
height: 370px !important;
width: 370px !important;
card_mod:
style: |
ha-card {
background: none;
border: none;
}
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
primary: Infos
secondary: ''
icon: mdi:home-assistant
icon_color: blue
layout: vertical
tap_action:
action: navigate
navigation_path: /dashboard-telephone/info
card_mod:
style: |
ha-card {
background: none;
border: none;
}
- type: custom:mushroom-template-card
primary: Météo
secondary: ''
icon: mdi:clouds
icon_color: green
layout: vertical
tap_action:
action: navigate
navigation_path: /dashboard-telephone/meteo
card_mod:
style: |
ha-card {
background: none;
border: none;
}
- type: custom:mushroom-template-card
primary: Batteries
secondary: ''
icon: mdi:battery-charging
icon_color: accent
layout: vertical
tap_action:
action: navigate
navigation_path: /dashboard-telephone/batteries
card_mod:
style: |
ha-card {
background: none;
border: none;
}
- type: custom:mushroom-template-card
primary: Labo
secondary: ''
icon: mdi:flask
icon_color: purple
layout: vertical
tap_action:
action: navigate
navigation_path: /dashboard-telephone/4
card_mod:
style: |
ha-card {
background: none;
border: none;
}
- type: custom:mushroom-template-card
primary: Net
secondary: ''
icon: mdi:network-outline
icon_color: red
layout: vertical
tap_action:
action: navigate
navigation_path: /dashboard-telephone/reseau
card_mod:
style: |
ha-card {
background: none;
border: none;
}
Je l’ai supprimer actuellement avec le code suivant :
card_mod:
style: |
ha-card {
background: none;
border: none;
}
Merci d’avance pour votre aide !
comme ça tu es complet et quand tu reviendras dans 3 ou 4 mois tu auras la mémoire écrite dans ton fichier