Estoy escribiendo una extensión de Firefox personalizada y, aunque mi archivo manifest.json tiene la etiqueta adecuada para incluir un archivo CSS, no se procesa.

Si inspecciono la página web, el archivo css no está en el encabezado HTML ni puedo encontrarlo en el editor de estilos.

¿Cómo agrego correctamente el archivo CSS?

Estructura de directorios

 . ├── blackthorn_tools.js ├── help.txt ├── icons │  └── major-48.png ├── manifest.json └── styles.css

Este es mi manifiesto.json:

 { "manifest_version": 2, "name": "blackthorn_tools", "version": "1.0", "icons": { "48": "icons/major-48.png" }, "content_scripts": [ { "matches": ["*://*/*"], "css": ["./styles.css"], "js": ["./blackthorn_tools.js"] } ], "browser_specific_settings": { "gecko": { "id": "blackthorn_tools@example.com" } } }