Allgemein

Farbe des inaktiven Segments

.widget.clock .digit svg path {
  fill: #979ca1;
}

Farbe des aktiven Segments

.widget.clock .digit svg path.active {
  fill: #ff0000;
}

Gemäß aktuell verwendeter Zeitzone

Die Lösung vergleicht den aktuellen UTC-Offset mit dem im Uhr-Widget eingestellten UTC-Offset. Wenn diese identisch sind, wird die CSS-Klasse auf local gesetzt. Eine CSS-Regel im Dashboard-Stil färbt die lokal aktiven Pfade entsprechend ein.

Uhr -Widget-Einstellungen

 ${moment().utcOffset() == moment().tz("europe/zurich").utcOffset() ? "local" : ""}

Fügen Sie die CSS-Klasse zu jedem Uhr-Widget auf dem Dashboard hinzu. Die Zeitzonen in der Zeitzoneneinstellung und der CSS-Klasse (in diesem Beispiel europe/zurich ) müssen übereinstimmen.

Dashboard-Stil

.widget.clock.local .digit svg path.active {
  fill: #0a87f0;
}