chrome拡張機能で適用したスタイルシートをjsで取得する方法

Question

やりたいこと

下記manifest.jsonで指定しているcssをjs(content.js)で操作したいです。

"content_scripts":[
    {
      "matches":["https://www.twitch.tv/*"],
      "js":["content.js"],
      "css":["css/content_css.css"]
    }
  ]

下記コードを試してみたのですがうまく取得することができませんでした。

 //content.js
   var stylesheets = document.styleSheets.item(24);
   var stylesheets_length = document.styleSheets.length;

   console.log(stylesheets);
   console.log(stylesheets_length);

Answer 1

サイトに適用されているスタイルシートに直接書き込むようにしました。

(例)
var stylesheets = document.styleSheets.item(0);
stylesheets.insertRule(".testclass{background-color: #000000}");