@media screen {
  .redacted,
  .redacted:hover,
  .redacted:active,
  .redacted a {
      background-color: #000 !important;
      color: #000 !important;
  }

  .redacted::selection {
    /* Separate because otherwise it breaks in firefox */
    background-color: #000 !important;
    color: #000 !important;
  }

  .redacted::-moz-selection {
    /* See https://developer.mozilla.org/en-US/docs/Web/CSS/::selection */
    background-color: #000 !important;
    color: #000 !important;
  }

  .redacted.redacted-hover:hover,
  .redacted.redacted-hover:hover a {
      color: #ddd !important;
      background-color: #000 !important;
  }
}


.pdf-canvas-container {
    position: relative;
}

.pdf-canvas-container canvas {
    outline: 1px solid #ddd;
}

.pdf-redaction {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: crosshair;
}

@media screen {
  .redacted,
  .redacted:hover,
  .redacted:active,
  .redacted a {
      background-color: #eee !important;
      color: #eee !important;
  }

  .redacted::selection {
    /* Separate because otherwise it breaks in firefox */
    background-color: #eee !important;
    color: #eee !important;
  }

  .redacted::-moz-selection {
    /* See https://developer.mozilla.org/en-US/docs/Web/CSS/::selection */
    background-color: #eee !important;
    color: #eee !important;
  }

  .redacted.redacted-hover:hover,
  .redacted.redacted-hover:hover a {
      color: #555 !important;
      background-color: transparent !important;
  }
}


.pdf-canvas-container {
    position: relative;
}

.pdf-canvas-container canvas {
    outline: 1px solid #ddd;
}

.pdf-redaction {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: crosshair;
}

Make redaction color less in the eye
Make redaction color less in the eye