Customizing Sensor Data Display for Better Visibility

Hey everyone, I’m trying to figure out how to control the font color of my sensor data based on the background color of my dashboard. I’ve noticed that when I choose a black background, the sensor data becomes invisible on my PC but shows up white on my Android device. On the other hand, a white background makes the sensor data appear black on my PC but light grey on my Android, which is barely visible. This inconsistency is a bit frustrating, and I’d love to find a way to make the text more readable across all devices. Here’s the code I’m currently working with:

markdown
theme: Backend-selected
title: Schema
path: schema
icon: mdi:clipboard-flow-outline
type: panel
badges:
cards:

  • type: picture-elements
    elements:
  • entity: binary_sensor.compressor
    style: left: 36% top: 60%
    type: state-icon
  • entity: binary_sensor.switch_valve_1
    style: left: 77% top: 36%
    type: state-icon
  • entity: sensor.radiator_return
    style: left: 64% top: 13%
    type: state-label
  • entity: sensor.heating_setpoint
    style: left: 42% top: 20%
    type: state-label
  • entity: sensor.heat_carrier_forwrd
    style: left: 69% top: 66%
    type: state-label
  • entity: sensor.heat_carrier_return
    style: left: 69% top: 81%
    type: state-label
  • entity: sensor.brine_in_evaporator
    style: left: 15% top: 57%
    type: state-label
  • entity: sensor.brine_out_condenser
    style: left: 15% top: 80%
    type: state-label
  • entity: sensor.warm_water_2_mid
    style: left: 87% top: 57%
    type: state-label
  • entity: sensor.hot_gas_compr
    style: left: 47% top: 57%
    type: state-label
  • entity: sensor.indoor
    style: left: 19% top: 39%
    type: state-label
  • entity: sensor.outdoor
    style: left: 8% top: 20%
    type: state-label
  • entity: sensor.add_heat_status
    style: left: 57% top: 43%
    type: state-label
    image: https://portal.husdata.se/img/BV_3_HA.png

I’d really appreciate any tips or suggestions on how to adjust the font color dynamically based on the background. Maybe there’s a way to set conditional styles or use a different theme that automatically adjusts text color for better readability. Let me know if anyone has tackled this before or has any ideas on how to approach it!

Cheers,
[Your Name]