Hacking Google Talk Themes

It is as simple as browsing to the following directory:

and you will see a "main.css" file. When you open that file you can change any of the CSS tags to change or create your own Google Talk theme.

A little explanation on the different classes. Look for the "DIV.out" tag. This is the container in which the text that you type shows up in. The filter property allows you to change the gradient that shows up behind your text after you type. The startcolorStr is the top color of the gradient, and the endColorStr is the bottom color.

That takes care of the background of the box. But you will still have to change the top and bottom padding color of the box. The top is taken care of with DIV.t-o. Change the background-color to the same one that you chose for startColorStr and for DIV.b-o change it to the same one as endColorStr.

Also in the DIV.out class, you can add a "color:" attribute to change the color of the text. With these basic explanations you can figure out what the other classes in the file or for. The classes with an "in" prefix are for designing the text as it is coming from your buddy.

You can download a theme that I made by clicking Download below. Simply extract the file to this directory: