Estoy tratando de hacer una extensión de Chrome que cree una nueva pestaña con un 'blanksite.html' local e inyecte un código javascript que lo vuelva verde. Esto es lo que tengo hasta ahora.

background.js

chrome.browserAction.onClicked.addListener(function(activeTab){

  chrome.tabs.create({'url': chrome.extension.getURL("blanksite.html") }, function(tab) {
    chrome.tabs.executeScript(tab.id, {
      code: 'document.body.style.backgroundColor="green"'
    });
  });
});

manifest.json

{
  "manifest_version": 2,

  "name": "Open Green Google Tab",
  "description": "This extension opens a Green Google tab.",
  "version": "1.0",

  "background":{
    "scripts": ["background.js"]
  },

  "browser_action": {
    "default_icon": "icon.png"
  },
  "permissions": [
    "tabs",
    "activeTab"
  ]
}

Esto abre "blanksite.html" (literalmente un archivo html vacío) en una pestaña nueva, pero no la pone verde.

He leído las otras respuestas enExtensión de Chrome: crear pestaña y luego inyectar contenido script, así que sé por qué esto no funciona (no puede inyectar código directamente en chrome: // páginas de extensión); pero no pude hacer que las soluciones publicadas en las otras respuestas funcionen para mí. ¿Existe un código claro y completo que pueda hacer que lo que quiero hacer funcione?

Me temo que no entiendo muy bien los mensajes, por lo que para cualquier solución que tenga eso como una pieza, una explicación más completa sería muy apreciada.