Bagaimana Anda mengubah warna latar belakang editor visual?

Saya memiliki situs Wordpress di mana warna latar belakangnya hitam dan teksnya putih. Situs ini baik-baik saja, tetapi sulit untuk mengedit konten dalam editor visual karena latar belakangnya putih (warnanya sama dengan teksnya). Saya akhirnya harus memberitahu pengguna untuk menggunakan tampilan HTML atau menulis konten dalam teks warna hitam dan kemudian pada akhirnya hanya memilih semua teks dan membalikkannya menjadi putih (dalam hal ini banyak dari mereka panik dan berpikir teks mereka adalah sekarang dihapus!)

Bagaimana cara mengubah warna latar belakang editor menjadi hitam (atau warna lain) sehingga konten dapat dibaca jika warna teks menjadi putih?

mirip dengan jawaban oleh GavinR, menggunakan add_editor_style()fungsi wordpress ; (sebagaimana diterapkan dalam Dua Puluh Sepuluh dan Dua Puluh Sebelas)

di functions.php dari tema Anda, tambahkan:

add_editor_style();

lalu buat editor-style.css di folder tema Anda:

.mceContentBody.wp-editor {     
  background-color: #000;
  color: #fff; 
} 

Pertama, tambahkan file CSS di direktori tema Anda (Saya menyebutnya tiny.css). Kemudian tambahkan berikut ini ke functions.php tema Anda:

// Add custom styles to TinyMCE editor
if ( ! function_exists('tdav_css') ) {
    function tdav_css($wp) {
        $wp .= ',' . get_bloginfo('stylesheet_directory') . '/tiny.css';
        return $wp;
    }
}
add_filter( 'mce_css', 'tdav_css' );

Akhirnya, tambahkan CSS ini ke tiny.css

.mceContentBody.wp-editor {
    background-color:#000000;
}

... mengganti # 000000 dengan kode warna HTML dengan warna apa yang Anda inginkan.