Разработка расширений Chrome: как использовать @import url('theme.css')?

Question

Как я использую@import CSS в расширении хром? Я попробовал код ниже, но я не могу заставить его работать

какой-то код опущен, чтобы его было легче читать

Файловая структура

|-- lib
    |-- jquery.min.js

|-- theme
    |-- _import.css
    |-- theme-blue.css
    |-- theme-yellow.css
    |-- theme-green.css

|-- my-extension
    |-- my-extension.js
    |-- my-extension.css

|-- manifest.json

Код

manifest.json

{
"content_scripts": [{

    "js": [
        "lib/jquery.min.js",
        "my-extension/my-extension.js"],

    "css": [
        "theme/_import.css",
        "my-extension/my-extension.css"],

    "run_at": "document_end"
}],

"web_accessible_resources":[
    "lib/*",
    "theme/*"
]

}

_import.css

@import url('theme-blue.css');
@import url('theme-yellow.css');
@import url('theme-green.css');

тема-blue.css

* { background: blue; }

тема-yellow.css

* { background: yellow; }

тема-green.css

* { background: green; }