Marmelator/pdf.js.mirror
1
0
Fork 0
mirror of https://github.com/mozilla/pdf.js.git synced 2026-07-12 10:05:47 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #21553 from nicolo-ribaudo/fix-text-selection-dark-mode

Browse Source 
Bug 2048531 - Improve selection contrast in dark mode
This commit is contained in:
calixteman 2026-07-11 16:09:41 +02:00 committed by GitHub
commit 612fa34760
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 27 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/display/filter_factory.js
View File

@ -259,7 +259,7 @@ class DOMFilterFactory extends BaseFilterFactory {
fgColor = Util.makeHexColor(...fgRGB); fgColor = Util.makeHexColor(...fgRGB);
const bgRGB = this.#getRGB(bgColor); const bgRGB = this.#getRGB(bgColor);
bgColor = Util.makeHexColor(...bgRGB); bgColor = Util.makeHexColor(...bgRGB);
this.#defs.style.color = ""; this.#resetDefsColor();
if ( if (
(fgColor === "#000000" && bgColor === "#ffffff") || (fgColor === "#000000" && bgColor === "#ffffff") ||
@ -507,7 +507,7 @@ class DOMFilterFactory extends BaseFilterFactory {
newFgRGB, newFgRGB,
]; ];
} }
this.#defs.style.color = ""; this.#resetDefsColor();
// Now we can create the filters to highlight some canvas parts. // Now we can create the filters to highlight some canvas parts.
// The colors in the pdf will almost be Canvas and CanvasText, hence we // The colors in the pdf will almost be Canvas and CanvasText, hence we
@ -635,13 +635,8 @@ class DOMFilterFactory extends BaseFilterFactory {
this.#appendFeFunc(feComponentTransfer, "feFuncA", aTable); this.#appendFeFunc(feComponentTransfer, "feFuncA", aTable);
} }
#getRGB(color) {
this.#defs.style.color = color;
return getRGB(getComputedStyle(this.#defs).getPropertyValue("color"));
}
/** /**
* Get the RGBA channels of a color. * Get the RGB channels of a color.
* *
* @param {string} color * @param {string} color
* Color in any valid CSS format (such as `x` in `color: x`). * Color in any valid CSS format (such as `x` in `color: x`).
@ -650,9 +645,31 @@ class DOMFilterFactory extends BaseFilterFactory {
* the RGB channels are in the range `[0, 255]`; * the RGB channels are in the range `[0, 255]`;
* the alpha channel is in the range `[0, 1]`. * the alpha channel is in the range `[0, 1]`.
*/ */
#getRGB(color) {
// Some colors on some OSes (e.g. HighlightText in Firefox on macOS)
// are affected by the current text color. Ensure consistent behavior by
// setting it to CanvasText.
this.#defs.style.color = "CanvasText";
this.#defs.style.backgroundColor = color;
return getRGB(
getComputedStyle(this.#defs).getPropertyValue("background-color")
);
}
#getRGBA(color) { #getRGBA(color) {
this.#defs.style.color = color; // Some colors on some OSes (e.g. HighlightText in Firefox on macOS)
return getRGBA(getComputedStyle(this.#defs).getPropertyValue("color")); // are affected by the current text color. Ensure consistent behavior by
// setting it to CanvasText.
this.#defs.style.color = "CanvasText";
this.#defs.style.backgroundColor = color;
return getRGBA(
getComputedStyle(this.#defs).getPropertyValue("background-color")
);
}
#resetDefsColor() {
this.#defs.style.color = "";
this.#defs.style.backgroundColor = "";
} }
/** /**