Custom Card Creations and Server Setup Tips

I recently dove into the world of custom cards in Home Assistant, and it’s been an exciting journey! I wanted to share my experience and some tips I’ve picked up along the way. :art:

One of my goals was to create a new custom card based on an existing one, specifically for monitoring temperature. I stumbled upon a card that perfectly fit my needs but wanted to tweak it to display just one entity. After some research, I discovered that reusing code from the original card was possible, which saved me a lot of time. Here’s a snippet of what I came up with:

javascript
variables:
getTemperatureTheme: |
temp => {
if (temp < 5 || temp > 30) {
return ‘Dark - Orange’;
}
if (temp < 1 || temp > 35) {
return ‘Dark - Red’;
}
return ‘’;
}

currentTemp: states[‘sensor.wx_temperature’].state
entities:
sensor.wx_temperature

card:
type: entity
entity: sensor.wx_temperature
name: Temperature
theme: ${getTemperatureTheme(currentTemp)}

This card now dynamically changes its theme based on the temperature readings, making it both functional and visually appealing. :thermometer:

On another note, setting up my own server for Home Assistant has been a learning experience. I wanted to host my configurations and integrations locally, so I decided to create a server using Docker. It was a bit challenging at first, but with some guidance from the community, I managed to get everything running smoothly. If anyone is looking to do something similar, I’d be happy to share my setup process! :rocket:

I’d love to hear about your experiences with custom cards or server setups. What innovative projects have you undertaken lately? Let’s keep the creativity flowing! :bulb: