I need to change the wysiwyg jce editor background to black, and the font to white.

Joomlashine Solution

.mceContentBody {
	height: 100%;
	min-width: 90%;
	padding: 5px;
	background: black !important; /* Add background here */
	color: white !important; /* Add color here */
}

• you need to add !important because the background and font are declared later
• This code also does not affect fonts in a table.

My Solution

• open the file:

  components/com_jce/editor/tiny_mce/themes/advanced/skins/default/content.css 

• edit the 2 following statements appropriately.
  

  body,td,pre{color:#000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;margin:8px;}
  	
  body{background:#FFF;}

Notes

• http://www.joomlashine.com/forum/82-jsn-blank/139355-change-jce-editor-font-and-background-colour#153751
• This can also be caused by a javascript/css compression issue, see my wiki for a solution.