Important Notice: We're experiencing email notification issues. If you've posted a question in the community forums recently, please check your profile manually for responses while we're working to fix this.

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

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

  • 2 biyano
  • 0 eza na bankokoso oyo
  • 11 views
  • Eyano yasuka ya 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
  • Top 25 Contributor
  • Moderator
more options

See also:

Helpful?

JoeB
JoeB Nkolo motuna
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.

Helpful?

Tuna motuna

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.