Como você altera a cor de fundo do editor visual?

Eu tenho um site Wordpress no qual a cor de fundo é preta e o texto é branco. O site é bom, mas é difícil tentar editar o conteúdo no editor visual, pois o fundo é branco (mesma cor do texto). Acabo tendo que dizer aos usuários para usar a visualização HTML ou escrever o conteúdo em texto em preto e, no final, basta selecionar todo o texto e virar para branco (nesse caso, muitos deles surtam e acham que o texto é agora excluído!)

Como altero a cor do segundo plano do editor para preto (ou qualquer outra cor) para que o conteúdo possa ser lido se a cor do texto for branca?

semelhante à resposta de GavinR, usando a add_editor_style()função wordpress ; (conforme implementado nas vinte e dez e vinte e onze)

em functions.php do seu tema, adicione:

add_editor_style();

em seguida, crie um editor-style.css na sua pasta de temas:

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

Primeiro, adicione um arquivo CSS ao seu diretório de temas (estou chamando-o de tiny.css). Em seguida, adicione o seguinte às funções do seu tema.php:

// 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' );

Por fim, adicione este CSS ao tiny.css

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

... substituindo # 000000 pelo código de cores HTML da cor que você deseja que seja.