ill go thru this tutorial as though you are using Restorator, but you can use Winhack, Colledit etc if you like. you can get Restorator from: http://www.bome.com/Restorator/
1) Start restorator up, an open the loginui.exe file found in your C:WINDOWSsystem32 folder.
2)Now, expand the bitmap tree and extract the images to a directory on your desktop, now you can edit all of these in a pait program, Fireworks, Paintshop etc. when you have edited each one, go to the file you want to replace in Restorator, eg, the main background image 001.bmp, click on it in the tree and it will appear on the right hand side, go back to the file on your desktop and highlight it, now press CTRL+C to copy it, back in Restorator click on the image in the right window and press CTRL+V to paste your new image in, do this with all the images until you are happy with them all.
3)Now for the background colors, fonts etc. these are found in the UIFILE/1000. click on the 1000 file and scroll down till you get to the text. when you get to this bit stop.
<style resid=framess>
element
{
background: argb(0,1,57,202);
}
element [id=atom(contentcontainer)]
{
background: rgb(1,57,202);
}
button
{
background: rcbmp(112,6,#FF00FF,0,0,1,0);
borderthickness: rect(8,8,0,8);
The bit in red is the bit we are interested in, its the main background color, you can find out the RGB value for colors with your paint program in "define custom colors" it shows you the Red, Green, and Blue values on the right hand side when you select a color you want to use, simply type these numbers into the 1000 file, dont worry if the color value in the 1000 file is more than three values, just leave the FIRST one as 0.
Right click on the 1000 file window in Restorator, and select "tool window", now click on the ABC| tab and edit it, then press F8 to apply your changes, other parts of the 1000 file you might want to edit are:
</style>
<style resid=toppanelss>
element
{
background: argb(0,0,0,0);
}
element [id=atom(toppanel)]
{
background: rgb(25,34,63);
}
element [id=atom(divider)]
{
background: rcbmp(125,6,#FF00FF,0,0,1,0);
This is the color of the top panel, you can also set this as a gradient like the bottom one is by using the code highlighted in red below inplace of the red code for the top panel, the gradient is just two RGB values.
<style resid=bottompanelss>
element
{
background: argb(0,0,0,0);
}
element [id=atom(bottompanel)]
{
background: gradient(argb(0,0,10,141), argb(0,248,202,80), 0);
fontface: rcstr(2);
}
element [id=atom(divider)]
{
background: rcbmp(126,6,#FF00FF,0,0,1,0);
Ill finish this later... to be continued.
