Управление главной страницей с помощью всплывающего окна. js Chrome Расширение

Question

Я пытаюсь создать расширение chrome, чтобы страница стала красной

Это мой файл манифеста:

 {
  "name": "Page Redder",
  "description": "Make the current page red",
  "version": "2.0",
  "icons":{"128":"icon_128.png"},
  "permissions": [
    "activeTab"
  ],
  "background": {
    "scripts": ["background.js"],
    "persistent": false
  },
  "browser_action": {
    "default_title": "Make this page red",
    "default_popup":"popup.html"
  },
  "manifest_version": 2
}

А вот мой файл background.js:

function mainFunction(){
  document.body.style.backgroundColor="red";
}

Вот мое всплывающее окно. js file:

document.getElementById("btnDownloadListings").addEventListener("click", function() {
    document.body.style.backgroundColor="red";
    chrome.runtime.getBackgroundPage(function(backgroundPage) {
        backgroundPage.mainFunction();
    });
}, false);

Когда я нажимаю кнопку, всплывающее окно. html или вкладка всплывающего окна становится красным, а главная страница - нет.