[GH-ISSUE #338] Better icons/colors for the "started" and "grace" states #260

New issue

Closed

opened 2026-02-25 23:41:48 +03:00 by kerem · 1 comment

kerem commented

2026-02-25 23:41:48 +03:00

Owner

Originally created by @cuu508 on GitHub (Mar 4, 2020).
Original GitHub issue: https://github.com/healthchecks/healthchecks/issues/338

The "up" and "started" icons are easy to mix up, as both are round and use the same color:

The "grace" icon looks more serious than it really is: it's common for a check to temporarily go in the "grace" state.

Originally created by @cuu508 on GitHub (Mar 4, 2020). Original GitHub issue: https://github.com/healthchecks/healthchecks/issues/338 The "up" and "started" icons are easy to mix up, as both are round and use the same color: ![image](https://user-images.githubusercontent.com/661859/75857781-73db0a80-5dff-11ea-9226-780667e6e566.png) The "grace" icon looks more serious than it really is: it's common for a check to temporarily go in the "grace" state. ![image](https://user-images.githubusercontent.com/661859/75857918-cfa59380-5dff-11ea-806b-e190d0737890.png)

kerem closed this issue

2026-02-25 23:41:48 +03:00

kerem commented

2026-02-25 23:41:49 +03:00

Author

Owner

@cuu508 commented on GitHub (Jun 25, 2020):

I've made changes how a "started" check is shown in the checks list:

If a check is started, there's now an animated progress spinner under its status icon. The status icon shows check's current status as if it was not started. So,

A check that was previously down and received the start signal, will appear as "down" plus a progress spinner
A check that was previously up and received the start signal, will appear as "up" plus a progress spinner

This way, the "started" state does not mask the "down" state. The user can see the check's current status, and it's "is it currently running?" state at the same time.

@cuu508 commented on GitHub (Jun 25, 2020): I've made changes how a "started" check is shown in the checks list: ![image](https://user-images.githubusercontent.com/661859/85732419-05022400-b704-11ea-9891-b80bde028e02.png) If a check is started, there's now an animated progress spinner under its status icon. The status icon shows check's current status as if it was not started. So, * A check that was previously down and received the start signal, will appear as "down" plus a progress spinner * A check that was previously up and received the start signal, will appear as "up" plus a progress spinner This way, the "started" state does not mask the "down" state. The user can see the check's current status, and it's "is it currently running?" state at the same time.