night-mode-web.js

const NIGHT_MODE_WEB_BUTTON_ELMT = document.getElementById("DAY-NIGHT-MODE");
const MODE_DAY_NIGHT_WEB_IMG = document.getElementById("mode-day-night");
const ARRAY_WEB_ELEMENTS = ['h1','h2','h3','h4','h5','h6','p','a','li','ul','td','span','div','html','body','header','th','strong','em','main','figcaption', 'ytd-mini-guide-renderer'];
let isNightModeOn = true;

function nightModeWebPage(webElements,booleanSwitchMode) {    
    webElements.forEach(selector => {
        document.querySelectorAll(selector).forEach(element => {
            if(!booleanSwitchMode) {
                element.style.setProperty('background-color', '#13303e', 'important');
                element.style.setProperty('color', '#b4ecc1', 'important');
            } else {
                element.style.removeProperty('background-color');
                element.style.removeProperty('color');
            }
        })
    })   
}


function nightModeChangingImg() {
    if(!isNightModeOn) {
        MODE_DAY_NIGHT_WEB_IMG.classList.add('night-mode-button-change')
    } else {
        MODE_DAY_NIGHT_WEB_IMG.classList.remove('night-mode-button-change')
    }
}

NIGHT_MODE_WEB_BUTTON_ELMT.addEventListener('click',() => {
    isNightModeOn =!isNightModeOn;
    nightModeChangingImg();
    chrome.tabs.query({active: true, currentWindow: true }, (tabs)=>{
        chrome.scripting.executeScript({
            target: {tabId: tabs[0].id},
            func: nightModeWebPage,
            args: [ARRAY_WEB_ELEMENTS, isNightModeOn]
        })
    })
})