Then switch to the 'Advanced Design' section.
You can change each area individually.
The general, user list, chat area, dialog box and text box areas all share the same color and image selection controls.
The message area has only color controls, but up to 16 colors can be set.
The general tab sets the background that appears behind the chatroom, and is visible through any areas with transparent backgrounds.
All the other areas are on top of the general background, and will show the general background if their background is set to transparent.
Click on the color swatch to open the color picker.
Choose the color you want to apply and click 'OK'.
The live preview at the right of the page will show your changes, but you have to click 'Save' at the top of the page to apply them to your chat room.
The image must be hosted online - grab the address for the image and paste it into the box shown.
As with the color, the live preview will update, but you must click 'Save' at the top of the page to apply to your chat room.
This sets the background color that appears behind the individual messages, up to 16 colors may be selected - they will be used in a 'round-robin' way.
Switch to the 'Choose Skin' panel, choose a skin and click 'Save'.
Any changes made in the CSS editor can be reverted by switching back to the visual editor.