PDF Background Color Controller

This script can change the backgroud color for the pdf files opened by your brower. It is applicable for Chrome build-in PDF viewer, pdf.js, overleaf's pdf reviewer and your local files (Please allow the Tampermonkey to access file urls in browser's setting by going to chrome://extensions/, and set Allow access to file URLs.).

Dovrai installare un'estensione come Tampermonkey, Greasemonkey o Violentmonkey per installare questo script.

You will need to install an extension such as Tampermonkey to install this script.

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Userscripts per installare questo script.

Dovrai installare un'estensione come ad esempio Tampermonkey per installare questo script.

Dovrai installare un gestore di script utente per installare questo script.

(Ho già un gestore di script utente, lasciamelo installare!)

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

(Ho già un gestore di stile utente, lasciamelo installare!)

// ==UserScript==
// @name         PDF Background Color Controller
// @namespace    http://tampermonkey.net/
// @version      0.7
// @description  This script can change the backgroud color for the pdf files opened by your brower. It is applicable for Chrome build-in PDF viewer, pdf.js, overleaf's pdf reviewer and your local files (Please allow the Tampermonkey to access file urls in browser's setting by going to chrome://extensions/, and set Allow access to file URLs.).
// @author       Maple
// @match        *://*/*
// @icon         https://icon-icons.com/downloadimage.php?id=130274&root=2107/ICO/64/&file=file_type_pdf_icon_130274.ico
// @grant        none
// @license MIT
// ==/UserScript==

function get_cover() {
    let css = `
        position: absolute;
        pointer-events: none;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #FDF6E3;
        mix-blend-mode: multiply;
        z-index: 100000;
    `;
    var cover = document.createElement("div");
    cover.setAttribute("style", css);
    return cover;
}

function renderPage(url, panelSelector) {
    if (window.location.href.includes(url)) {
        var cover = get_cover();
        var scope = document.querySelector(panelSelector);
        //console.log(scope);
        if (scope === null) {
            setTimeout(() => renderPage(url, panelSelector), 1000); // Retry after 1 second
        } else {
            scope.appendChild(cover);
        }
    }
}

(function() {
    'use strict';

    renderPage("https://www.overleaf.com/project/", "div.ide-react-panel[data-panel-id='panel-pdf']"); // Call renderPage for possible Overleaf pages
    renderPage("https://docs.google.com/", "div.kix-scrollareadocumentplugin.docs-ui-hit-region-surface"); // Call renderPage for possible Overleaf pages

    var embed = document.querySelector("embed");
    if ((embed !== null && embed.type == "application/pdf") || (typeof pdfjsLib !== "undefined") || (window.location.href.includes(".pdf"))) {
        var cover = get_cover();
        document.body.appendChild(cover);
    }
})();