@import '../themes/themes.scss';

triage-status-sk {
  button {
    padding: 0;
  }
}

.body-sk.darkmode triage-status-sk {
  .positive {
    fill: var(--green-500);
    background: var(--surface);

    .inside_status check-circle-icon-sk {
      background: var(--surface);
    }
  }

  .negative {
    fill: var(--red-500);
    background: var(--surface);

    .inside_status cancel-icon-sk {
      background: var(--surface);
    }
  }

  .untriaged {
    fill: var(--brown-400);
    background: var(--surface);

    .inside_status help-icon-sk {
      background: var(--surface);
    }
  }

  .positive:hover,
  .negative:hover,
  .untriaged:hover {
    background: var(--background);

    .inside_status svg {
      background: var(--background);
    }
  }
}