Wordpress - How do you change the visual editor's background color?

First, add a CSS file in your theme directory (I'm calling it tiny.css). Then add the following to your theme's functions.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' );

Finally, add this CSS to tiny.css

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

... replacing #000000 with the HTML color code of what color you'd like it to be.


similar to the answer by GavinR, using the wordpress add_editor_style() function; (as implemented in Twenty Ten and Twenty Eleven)

in functions.php of your theme, add:

add_editor_style();

then create an editor-style.css in your theme folder:

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