ページの背景を変更するchrome拡張機能作り方

まずmanifest.jsonを作成します

manifest.json

{
  "name": "ページ　黒",
  "options_page": "options.html",
  "action": {},
  "manifest_version": 3,
  "version": "1.0",
  "description": "ページを黒にします。それにはこの拡張機能をクリックしてください",
  "permissions": [
    "activeTab",
    "scripting"
  ],
  "background": {
    "service_worker": "background.js"
  }
}

次に、background.js作成

background.js

function yu() {
  document.body.style.backgroundColor = 'black';//ここのblackを変えると他の色にできる
}

chrome.action.onClicked.addListener((tab) => {
  chrome.scripting.executeScript({
    target: { tabId: tab.id },
    function: yu
  });
});

そして拡張機能を押すと..

ということでした