Grey background color/text highlight in high contrast mode

[sawanm9000]

Link to PDF file:
https://mozilla.github.io/pdf.js/web/viewer.html

Configuration:

• Web browser and its version: Firefox Developer Edition 88.0b9
• Operating system and its version: Windows 10 19042.870
• PDF.js version: Latest version
• Is a browser extension: No

Steps to reproduce the problem:

1. Switch to high contrast mode.
2. Open a PDF file.

What is the expected behavior

• Text and background colors are as defined in the file:
  

What went wrong?

• Text has a a highlight/grey background in high contrast mode:
  

Possible solution:

• Add the following code after line 32 in pdf_viewer.css

.pdfViewer > .page > .textLayer {
    forced-color-adjust: none;
}

forced-color-adjust, however, is not supported in Firefox.

[Snuffleupagus]

forced-color-adjust, however, is not supported in Firefox.

For reference, that's being tracked in https://bugzilla.mozilla.org/show_bug.cgi?id=1591210

---

Add the following code after line 32 in pdf_viewer.css

FYI: CSS rules for the textLayer belongs in https://github.com/mozilla/pdf.js/blob/master/web/text_layer_builder.css

[marco-c]

I've reopened the issue since it's still reproducible in Firefox.

[Snuffleupagus]

I've reopened the issue since it's still reproducible in Firefox.

https://bugzilla.mozilla.org/show_bug.cgi?id=1591210 has been fixed, so hopefully this should work now.

Edit: @marco-c Can you please re-check if this is fixed now?

[Snuffleupagus]

WFM, when testing various high-contrast themes in Windows 11 and Firefox Nightly 115.0a1.