お世話になっております。

わたしの運営するブログは黒を基調としたダークテーマで作成していて、先日1つカスタマイズを行いました。

今回行ったことは、まず「カスタマイズ≫サイト全体設定≫基本デザイン」と進んだ先にある「■サイト全体の見た目≫コンテンツの背景を白にする」をオンに。

その後、以下のCSSを当てて白の箇所をグレーに変更しました。

.-frame-on .l-mainContent {
background-color: #303030;
}
.-frame-on-sidebar #sidebar .c-widget {
background-color: #303030;
}

これにより、希望通りのレイアウトになりました(添付画像参照)。

その後記事を書こうと執筆画面に進むと、エディターの背景が真っ白になってしまい、文字が薄いグレーに設定してあったため非常に見ずらい状態になってしまいました。

そこでエディター画面の背景もグレーにしようと思って以下のCSSをあてたのですが、解決しません。

.editor-styles-wrapper{
    background-color: #303030;
}

調べてみると、ブロックエディタの画面をいじるには、親テーマに含まれる「editor_style.css」を触らないといけないということがわかりました。

親テーマのファイルをいじるのは抵抗がありましたがCSSを覗いてみたところ、該当の箇所を見つけることができず、編集を断念しました。また編集できたとしても、テーマのアップデートのたびにCSSをいじるのもストレスになるだろうと感じています。

そこで本題なのですが、カスタマイザーの「コンテンツの背景を白にする」の項目で、好きな色を指定できる設定を用意してほしいです。

これさえあれば、すべて解決して設定も楽で最高なのです。

SWELLは現状でも柔軟であらゆる人の希望を叶えられるポテンシャルがあると感じていますが、ダークテーマでサイトを制作する場合今回のようにレイアウトに制限が出てきてしまうのが悔しく感じています。

お忙しいとは思いますが、どうかお願いします！