I tried this...

div.text-field message{
color: #ffffff;
}

But it didn't work. I'm not very good at stylesheets, so I could be way off...

To be honest, I couldn't really tell what the field is called. O_o

Halp! It's currently black on dark-grey. >_<

I couldn't see anything that answers my question in that tutorial, but if #chatbox is the name I might be able to figure it out for myself. May...

Nope, still no gold.

I tried changing the background color of the footer instead, rather than the text color...

body.chatbox #chatbox_footer{
background-color: #ffffff;
}

...and when it was loading it was white, but then it turned grey again.

#text_editor_textarea {
background-color: transparent;
border: 1px solid ;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-color: #ffffff;
-moz-box-shadow : 0 0 3px #fff;
-webkit-box-shadow : 0 0 3px #fff;
}

Turns out it was that. Apparently the background was actually a border... I set it to white. It's all good.

Don't mind me...