Hey everyone! I’ve been exploring ways to make my Simple Thermostat look more cohesive with my room cards, and I thought using icons instead of images as backgrounds might be a neat solution. I stumbled upon this idea while trying to customize my setup, and I wanted to share my journey in case others are interested in achieving a similar look.
First, I tried using a PNG file as the background, which worked visually, but I wanted something cleaner and more aligned with the room-card aesthetics. I came across the idea of using icons, specifically from the Material Design Icons (MDI) set, which are widely used and offer a consistent look. I attempted to use the url('mdi:radiator') format, but unfortunately, it didn’t render as expected. This was a bit frustrating, but it only fueled my curiosity to find a workaround.
After some research, I discovered that while direct icon URLs might not work, there are alternative methods to achieve a similar effect. One approach I considered was leveraging CSS within the card configuration to overlay an icon on the thermostat. While I haven’t fully implemented this yet, it’s something I’m excited to explore further.
I’d love to hear if anyone else has successfully used icons as backgrounds or has tips on how to make this work seamlessly. It would be fantastic to have a community-driven solution that enhances the default customization options. Let me know your thoughts or if you’ve tackled a similar challenge!
Cheers, [Your Name]