こんにちは。

Cocoon 子テーマのstyle.cssに

*::selection {
 background: #ff69b4; //好きな背景色
 color: #fff; //好きな文字色
}

//Firefox
*::-moz-selection {
 background: #ff69b4; //好きな背景色
 color: #fff; //好きな文字色
}

と記述すればいいのですが本番環境にも影響が及ぶため、ビジュアルエディターのみに適用させたい場合は子テーマのeditor-style.cssに

*::selection {
 background: #ff69b4 !important; //好きな背景色
 color: #fff !important; //好きな文字色
}

*::-moz-selection {
 background: #ff69b4 !important; //好きな背景色
 color: #fff !important; //好きな文字色
}

と記述していけばうまくいくと思います。

書き方間違えました、すみません。

子テーマのstyle.cssに書く場合 ↓

*::selection {
 background: #ff69b4; /* 好きな背景色 */
 color: #fff; /* 好きな文字色 */
}

/* Firefox */
*::-moz-selection {
 background: #ff69b4; /* 好きな背景色 */
 color: #fff; /* 好きな文字色 */
}

子テーマのeditor-style.cssに書く場合 ↓

*::selection {
 background: #ff69b4 !important; /* 好きな背景色 */
 color: #fff !important; /* 好きな文字色 */
}

/* Firefox */
*::-moz-selection {
 background: #ff69b4 !important; /* 好きな背景色 */
 color: #fff !important; /* 好きな文字色 */
}

です。

@piyotarouさん
大変失礼な事をお聞きして申しわけないですが、色覚特性（いわゆる色弱等）のある方でしょうか？
当テーマは、できればそういった方にも見やすいものでありたいと思います。
よろしければ、見やすい色の「文字色」「背景色」パターンを教えていただいてよろしいでしょうか。できるだけデフォルトでもそういった色の組み合わせにしたいと思います。

また、一般的にデフォルトの「文字色：白色」と「背景色：紺色みたいな色」とかだと見えやすいでしょうか。

ぽよよん様

返信ありがとうございます。色々試していて遅くなり申し訳ありません。

FirefoxとChromeで確認しましたところ、「style.css」への書き込みは、両者とも公開ページで変化が出ました。

一方、「editor-style.css」への書き込みは、どこにも効果が出ませんでした。

ビジュアルエディタの反転色を変えたいのですが、どうも変わらないようですね。

ところで、ビジュアルエディタの反転色は、FirefoxとChromeで元々違うことが分かりました。
FChromeは画像のように「薄いピンク」でした。公開ページはどちらも前回の画像のように「薄い水色」でした。

わいひら様

返信ありがとうございます。

色覚異常はありませんが、ひょっとすると普通これは見えにくくないのでしょうか。そう言われると思いあたることがあります。

私はFPSゲームをやっていて、暗い場所でも見えるようにディスプレイの設定をしていたと思います。ちょっとディスプレイの設定方法を忘れたので、取り敢えず返信だけ先にさせてもらい、いじってみますね。

原因が分かりました。やはりディスプレイでした。

私のはASUSのディスプレイです（FPSゲーマーでは標準的なもの）。５つのモード変更ができます。それぞれのモードで文字反転してみますと

1. 標準モード：あまり分かりませんが、認識はぎりぎり可能。
2. シアターモード：認識できません。
3. ゲームモード：私がやっていたモードですが、薄ーい水色です。
4. 夜景モード：全体が青いモードなので、逆に薄ーいピンクに見えます。
5. sRGBモード：画面が最も白いモードで、これだと十分認識できました。

sRGBモード以外は、すべて画面が少し青いのです。シアターモードはちょうど同じ色調になり、夜景モードに至っては反転色より青かったです。

私はsRGBモードで対応できそうです。ただ、ビジュアルエディタだけでなく、作ったページもこうなりますので、私と同じような環境だったユーザーは見えにくいと思います。

私としましてはよくある「字が白、背景が青」の反転色が見やすいです。設定によりユーザー側で変更できるようになると、色々な人の好みに応えられるかもしれませんね。

原因が分かりました。やはりディスプレイでした。

私もディスプレイがまぶしいので多少暗くした記憶があります。

反転させたときの色はCocoonでは水色だと思ってました。

※反転の色：添付画像：左Cocoon｜右Simplicity

ディスプレイによって、そんな不都合のある表示になるんですね。
そんなことになるとは思っていませんでした。

それに加えて、やはり色覚特性のある方にも、見づらい実装だと思うので、とりあえずはデフォルトに戻し、設定で変更できるようにしようと思います。