Hi everyone, I’m proud to present my (almost) completed thermostat modding.
I’ve used card_mod and a bit of Photoshop to generate this.
Hope you like it!
type: thermostat
entity: climate.bz_heizungsgruppe
show_current_as_primary: false
name: " "
card_mod:
style:
ha-state-control-climate-temperature$: |
p.label:not(.secondary) {
display: none;
}
p.label.secondary {
font-family: Futura;
}
.container {
--action-color: rgb(191 37 68)!important;
}
ha-state-control-climate-temperature$ha-big-number$: |
p.value {
font-family: Futura;
font-size: 112px!important;
}
ha-state-control-climate-temperature$ha-control-circular-slider$: |
.arc {
stroke-opacity: 0.05!important;
stroke: rgb(255 255 255)!important;
stroke-width: 28px!important;
}
.background {
stroke-width: 26px !important;
stroke-opacity: 0.5!important;
--clear-background-color: blue!important;
}
g {
--clear-background-color: blue!important;
--control-circular-slider-color: rgb(128 128 128)!important;
}
.current {
stroke-opacity: 0.3!important;
stroke: rgb(200 200 200)!important;
stroke-width: 26px !important;
}
.target {
stroke-opacity: 0.9!important;
stroke: white!important;
stroke-width: 26px!important;
}
.: |
ha-card {
background-size: contain!important;
background: url('/local/community/thermostat11.png') center no-repeat;
}
And here is the background:
PS: let me know how to increase the brightness of the background halo with card_mod. i could only change the color, but couldn’t make it brighter.