Skip to content

Instantly share code, notes, and snippets.

@gbasile
Created June 16, 2025 11:11
Show Gist options
  • Select an option

  • Save gbasile/fd8b14a7536054407ab5dea4740c8e2a to your computer and use it in GitHub Desktop.

Select an option

Save gbasile/fd8b14a7536054407ab5dea4740c8e2a to your computer and use it in GitHub Desktop.
Column temperature widget
type: custom:bar-card
entities:
- entity: sensor.temperature_00_balcony_temperature
name: Outdoor
- entity: sensor.temperature_01_living_room_temperature
name: Living
min: "20"
max: "30"
unit_of_measurement: " "
decimal: 0
positions:
icon: "off"
name: inside
value: inside
direction: up
stack: horizontal
severity:
- from: "0"
to: "21.0"
color: "#2C7DA0"
- from: "21.0"
to: "23.0"
color: "#5AAED6"
- from: "23.0"
to: "24.5"
color: "#88CCEE"
- from: "24.5"
to: "26.0"
color: "#66BB6A"
- from: "26.5"
to: "27.5"
color: "#FF9800"
- from: "27.5"
to: "29.0"
color: "#E53935"
- from: "29.0"
to: "100"
color: "#B71C1C"
card_mod:
style: |
bar-card-name {
position: absolute;
bottom: -112px;
font-size: 13px;
font-weight: bold;
text-shadow: 1px 1px #0000;
white-space: nowrap;
transform: translateX(50%) rotate(270deg);
transform-origin: left;
color: #0F0F0F;
}
bar-card-value {
font-size: 12px;
font-weight: bold;
bottom: 108px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment