type: custom:canvas-gauge-card
entity: sensor.sh10rt20_grid_frequency
gauge:
  type: radial-gauge
  title: "Grid Frequency"
  units: "Hz"
  minValue: 49.0
  maxValue: 51.0
  valueBox:
    visible: true
    placement: bottom
    font: { size: 24 }
  majorTicks:
    - "49.5"
    - "49.9"
    - "50.1"
    - "50.5"
  minorTicks: 5
  strokeTicks: true
  highlights:
    - from: 49.0
      to: 49.5
      color: "rgba(150, 0, 0, .9)"     # Darker, vivid red
    - from: 49.5
      to: 49.9
      color: "rgba(200, 150, 0, .9)"   # Darker, vivid yellow
    - from: 49.9
      to: 50.1
      color: "rgba(0, 100, 0, .9)"     # Darker, vivid green
    - from: 50.1
      to: 50.5
      color: "rgba(200, 150, 0, .9)"   # Darker, vivid yellow
    - from: 50.5
      to: 51.0
      color: "rgba(150, 0, 0, .9)"     # Darker, vivid red
  borders: false
  needle:
    type: arrow
    width: 4
    color: "rgba(0, 0, 0, .9)"        # Darker, vivid black
  width: 300
  height: 300
  animationDuration: 500
  animationRule: linear
  ticks:
    showLabel: true
    labelOffset: -10
    font: { size: 16, color: "#000000" }