Windows 10 will reach EOS (end of support) on October 14, 2025. For more information, see this article.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Este fío arquivouse. Faga unha nova pregunta se precisa axuda.

Change text color in highlighted results of PDF Reader 'Find' (search)?

  • 2 respostas
  • 0 have this problem
  • 77 views
  • Last reply by JoeB

JoeB
JoeB
more options

Anyone know what's needed to style the text color in *PDFviewer's highlighted "Find" results, AND make it readable?

It's easy changing PDFjs' highlighted background colors of "Find" results (Ctrl + F). Due to "textLayer" use in pdfjs, may not be easy to change text color for the same results (and be readable).

/** userContent.css **/ .pdfViewer .textLayer .highlight { background-color: rgb(239 15 255 / .3) !important; }

.pdfViewer .textLayer .highlight.selected { background-color: rgb(0 255 255 / .3) !important; }

Adding the property, "color: red !important;" to both rules creates a RED text layer in highlighted results (misaligned w/ original text).

Anyone know what's needed to style the '''text''' color in *PDFviewer's highlighted "Find" results, AND make it readable? It's easy changing PDFjs' highlighted '''background''' colors of "Find" results (Ctrl + F). Due to "textLayer" use in pdfjs, may not be easy to change '''text''' color for the same results (and be ''readable''). /** userContent.css **/ .pdfViewer .textLayer .highlight { background-color: rgb(239 15 255 / .3) !important; } .pdfViewer .textLayer .highlight.selected { background-color: rgb(0 255 255 / .3) !important; } Adding the property, "'''color: red !important;'''" to both rules creates a RED text layer in highlighted results (misaligned w/ original text).

All Replies (2)

cor-el
cor-el
  • Moderator
more options

See also:

JoeB
JoeB Question owner
more options

yeah... I've come to know viewer.css, on a Biblical basis. Problem... lots has to do w/ "textLayer" code (in viewer.css & maybe other that affects textLayer behavior).

I'm not too familiar w/ textlayer in pdf's. May be a reason devs didn't try to change text color in highlighted entries.

One issue is if a PDF uses a 'gray / brown-ish' text color, it's obscured more by highlighting vs. solid black text.

https://github.com/mozilla/pdf.js/ Searching their past / current posts, issues, found nothing on highlight + text color.

Brief discussions on a few sites, on problems of changing text color in PDF (using textLayer) vs. other file formats. Touching on the problem of new text layers not lining up w/ original.