qunitjs / qunit / #2945

92%

main: 91%

push

HTML Reporter: Increase contrast and use richer colors overall

Tweak our colors away from the semi-greyish colors we had before,
toward more dark/saturated or bright colors.

Also reduce the overall number of distinct colors, reusing the same
ones more often.

* Change most uses of black (`#000000`) to `#0D3349`, which is the
  very dark blue we already used for the `#qunit-header` background.

* Change text in `#qunit .pass` from `#528CE0` to `#2F68DA`,
  this is more saturated and appears darker. I also moved its hue
  slightly from cyan-blue, more toward blue-violet.

* Change the text color for `#qunit-testresult` from `#3B81AF` to
  the same dark blue as used for module names, `#366097`. The color
  previously used here was a medium blue that we didn't use for any
  other text.

* Change the Rerun link from the near-invisible `#C2CCD1` to instead
  inherit the text color of `#qunit .pass` or `#qunit .fail`, e.g.
  `#2F68DA`. Also, to make it still stand out as special, add an
  underline. It retains its liberal padding for easy clickability.

Clean up:

* Remove unused color value for `#qunit-header`. Instead set it to that
  of `#qunit-header a` (it only contains a link), and let the latter
  inherit this color.

* Replace redundant `#qunit-tests .fail .test-name` and
  and `#qunit-tests .fail .module-name ` styles.

Ref https://github.com/qunitjs/qunit/issues/1427.

1177 of 1436 branches covered (81.96%)

2082 of 2337 relevant lines covered (89.09%)

349.83 hits per line