Custom css in e2e report

Your can use the cssOverrideFile option of the HtmlReporter to include your custom css file. But when you do that report looks broken. The reason is: If you use the cssOverrideFile option your file "replaces" the bootstrap.css in the report.

To reinclude bootstrap.css your css file could look like this:

@import url("bootstrap.css");

/* here goes your custom css*/
h2 {
  font-family: "Consolas";
}

When you import the "bootstrap.css" at the top of your custom css file both your custom css file and the needed bootstrap.css is included.

Note: Still you would see no results in the actual report because you have to copy your custom css file to the e2e output directory. Look at Extra content in output folder how to do that.