Change text color in highlighted results of PDF Reader 'Find' (search)?
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)
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.