WordpressじゃないTinyMCE5の背景色・文字色設定

Question

jQuery:3.6.0
TinyMCE:5.0？

Wordpressではない通常版のTinyMCEで入力部分の背景色と文字色を変えたいと思っています。
（実際にやりたい事は、通常とは逆の、背景を黒、テキストを白で入力したい）

別のエディタ？を使っていた時はtextareaにCSSを当てるだけで変わってくれていましたが、
TinyMCEでは内部で上書きされてしまうというか、そもそも別の要素が表示されるので無視されます。

textareaがdisplay:noneされてiframeが読み込まれる仕組みはわかっているつもりです。

ブラウザの開発者ツールでiframe内のbodyにcssを当てると期待した見た目になるのは確認しました。

iframeが読み込まれたらその中のCSSを書き換えれば良いか？と思ったので

$("#editor1_ifr").on('load',function(){
  console.log("来たよ");
  var iframe = $("#editor1_ifr").contents();
    var p_css = {
      "background-color": "#ffffff",
      "color": "white",
    };
  iframe.find('#tinymce').css(p_css);
});

って書いてみましたがそもそもがコンソールにエラーも表示されませんが「来たよ」が表示されません。
(iframeのIDが#editor1_ifrで、その中のBODYタグのIDが#tinymceです）

なにかヒントはありませんでしょうか？

Answer 1

tinymceのinit内に下記を記述することで変更できました。
当方は４系を使う理由が無いので５系でしか試してませんが、調べた所は4系以降ならこれで行けるのではないかと思います。
jQuery前提のコードなので使用しない方は自分の環境に合わせてください。

setup: function(ed) {
  ed.on('init', function(args) {
    var iframe = $("#editor1_ifr").contents();
    var p_css = {
      "background-color": "#000000",
      "color": "white",
    };
    iframe.find('#tinymce').css(p_css);
  });
},