You've probably noticed that all the sample widgets in the ThemeRoller application have rounded corners. This is a nice visual enhancement; most desktop environments have widgets with rounded corners. Straight corners can get boring after a while.
Something we can define in jQuery UI themes is the roundness of widget corners. That is, we can change the corner radius:
Continuing with our theme design, expand the Corner Radius section.
Change the value of the Corners field to 8px:
We've used the ThemeRoller to increase the roundness of our widget corners. The change may seem rather drastic - we've doubled the corner radius setting from 4px to 8px. The change, however, isn't overly sensational. Here is what the sample accordion widget looked like before the change was made:
Here is what the sample accordion widget looks like after the change:
We can see that the corners of both the accordion header sections and the accordion content...