VistaStyleBuilder

Hi I'm playing with wucltux.dll to make this windows work with any theme dark or light and I need some help.
1- I set the gradient color to:Styles > ControlPanelStyle > ContentPane/fillcolorhint:color...(done)

2-I remove the buttons properties from wucltux.dll and I set this to the theme file like this:background="dtb(button, 1, 2)" padding="rect(20rp,5rp,20rp,5rp)"/>
And change the font color from black to buttontext, but I like to move the buttons some pix to the left and make the line beside them look right not cut like the pic, you will see what I mean.
So I attach the "UIFILE" folder for download to  anyone who wants to help.
I appreciate any help :)

(https://hht0eg.sn2.livefilestore.com/y1pDbOXv1v-p73nV0JpryzneqMDCnQTh0dme5bEaBduLfAXXXeceqR1s0Uk-sL4uzQ1ZAEbmyIO-E3YjWRBTg7scg0LjdTptDrX/wucltux.png?psid=1)

What are the numbers of the UI files you have done so far and what else were you planning on changing?

1) Couldn't move the button. Padding only works inside the button

2) Why not remove the button altogether? In this picture I deleted all button content, put 1rp borderthickness and 4rp padding on the right in UIFILE 124 (which is the only one you have to change). Attached is the UIFILE if you want to check it out.

(http://i632.photobucket.com/albums/uu41/3am_2009/Capture_zps87e37f90.png)

OK I just added margin="rect(0rp,5rp,0rp,5rp)" on line 335 and 345 and that added some space, not sure if that was all you wanted to do though.

Thank you both for the help, as 3am said I couldn't move the button to the left and that was what I wanted.
Guess I'll have to find any other solution (or image) to put there.
Again thank you both for the help.

Not tried this yet but I was just wondering if you remove the right border property from there and add a left border property to the main content window, would that work.

Seems I was able to do it by setting the border to 0 on line 332 and then adding the properties from there to line 329

<element background="themeable(gtc(CONTROLPANELSTYLE,2,0,3821),window)" bordercolor="themeable(gtc(CONTROLPANELSTYLE,17,0,3821),buttonshadow)" borderthickness="rect(0,0,1rp,0)"/>

Instead of changing the attributes in the stylesheet you could edit the layout which is much easier:

(http://i.cubeupload.com/oZ975K.png)
(http://i.cubeupload.com/ANaaxC.png)

The element layoutpos left width 0rp removed the padding on the left side so the button would be on edge, and the added padding attribute to atom(categoryTabsArea) pushed it back 5 pixels from the list. So now the space is on the other side.

If you wanted to use the stylesheet for whatever reason you could create something like this in the wuappstyle stylesheet and it should work (though I didn't test it because it's 4:30am):

Very nice Panda, off topic but what are you using to have the tabs on the top of your windows like that?

Edit: It's OK I found it, Clover looks pretty good but don't think it would work well with my style of themes :)

I just wanted to mention that with this mod if you go to change setting in Windows Update explorer crashes for me, I will have a look later and see what UI file is causing the problem.

Edit: I just changed all the other ones back to default aside from UI File 124 and no Explorer crashes now, but also it looks exactly the same, what were the effects of the other UI files you modified from the first post you gave us?

Me or charleston?

The message was for charleston, it's OK now though, just restored all the other UI files and just left the one, I also made this mod for Windows 8

Now looks perfect but need to use both methods PandaX an Mr GRiM to make this work right

This:Seems I was able to do it by setting the border to 0 on line 332 and then adding the properties from there to line 329

<element background="themeable(gtc(CONTROLPANELSTYLE,2,0,3821),window)" bordercolor="themeable(gtc(CONTROLPANELSTYLE,17,0,3821),buttonshadow)" borderthickness="rect(0,0,1rp,0)"/>


And: class="wuapp_category_tab_area" layout="borderlayout()" padding="rect(0rp,0rp,3rp,0rp)">

    <element layoutpos="left" layout="borderlayout()" width="3rp"/>


and the result, the button is in the middle.

Good stuff mate, glad you got it all worked out :)