github.com/outbrain/consul@v1.4.5/ui-v2/app/styles/components/healthcheck-status/skin.scss (about)

     1  %healthcheck-status {
     2    border-width: 1px;
     3  }
     4  %healthcheck-status,
     5  %healthcheck-status pre {
     6    border-radius: $decor-radius-100;
     7  }
     8  %healthcheck-status dd:first-of-type {
     9    color: $ui-gray-400;
    10  }
    11  %healthcheck-status pre {
    12    background-color: $ui-black;
    13    color: $ui-white;
    14  }
    15  %healthcheck-status.passing {
    16    /* TODO: this should be a gray frame */
    17    // @extend %frame-green-500;
    18    color: $ui-gray-900;
    19    border-color: $ui-gray-200;
    20    border-style: solid;
    21  }
    22  %healthcheck-status.warning {
    23    @extend %frame-yellow-500;
    24    color: $ui-gray-900;
    25  }
    26  %healthcheck-status.critical {
    27    @extend %frame-red-500;
    28    color: $ui-gray-900;
    29  }
    30  %healthcheck-status.passing::before {
    31    background-color: $ui-color-success !important;
    32  }
    33  %healthcheck-status.critical::before {
    34    background-color: $ui-color-danger !important;
    35  }