I upgraded all of our sites to 4.9 and every since when you edit the Text/HTML module the body of the editor is aquiring the background color of the CSS sheet of the skin. Its using .body { margin: 0px; background:#121212; for the site background and you can read what you are typing in the box with black on black.

How do I fix the text editor from using the website skin's style sheet?

I'm seeing this problem too, and don't know how to fix it...

I tried setting up my skin's CSS rules like this:

body {background-color:Black;}

body * {background-color:White;}

But that did not help; the FCKEditor's background stayed black. :(

Next, I tried setting up my skin's CSS like this:

body {background-color:White}

.blackbackround {background-color:Black; width:100%}

And wrapped the entire content of the skin .ascx file in a div which I set class="blackbackground" like so:

body

div class=blackbackground

[skin code]

/div

/body

This sortof worked, but doesn't work very well if the viewpane height is taller than the content of the div, because then you get a white area at the bottom of the page where the div ends and the body's background color shows.

Looking for a better/permanent fix...  I guess avoid black background sites until fixed.

Indeed.  Foreground/background contrast is the issue, not any particular color.

Here's a fix:

Go to your skin.css file and comment out the body background-color rule, like so:

/* body {background-color:Black;} */

Now go to your skin.ascx file and add a style attributeto your body element, to set the background color, like so:

body style="background-color:black;"

[skin code]

/body

The black background will now only apply to the body element in the skin page, and ONLY the body element; and will not be inherited by the background of the rich-text editor.