Found and tried a great new tool today--Sharepoint Skinner from
http://www.elumenotion.com
It's not a replacement for Sharepoint Designer by any means, but it does a great job grouping style areas and has proved a great tool for understanding which styles do what. Below is an example of changing the background color using Skinner.
First, download from:
http://www.elumenotion.com/Downloads/SkinnerSetup.zip
or
Download SkinnerSetup.zip
And, here's a link to elumenotion's walkthrough:
http://www.elumenotion.com/Blog/Lists/Posts/Post.aspx?ID=4
And here's a short walkthrough on changing the background color on a site, which defaults to white on almost all (maybe all?) of the out of the box site themes.
First, install the program on your local machine, then startup Sharepoint Skinner:
Then, type in the URL of the site you'd like to modify. I'm going to select a site collection that's hanging off of my /sites managed path on my main portal site.
At this point, I'm looking at the styles associated with the color palette associated with the
/_layouts/1033/styles/controls.css?rev=EhwiQKSLiI%2F4dGDs6DyUdQ%3D%3D
portion of this template.
I want to check out the colors that were changed when the Plastic site theme was created, Plastic being the out of the box site theme on which this site is based.
So, hit the drop-down box at the top, and select:
/sites/Legal/_themes/Plastic/Plas1011-65001.css?rev=12%2E0%2E0%2E4518
from the few choices available.
You'll see there are many more color options on the right hand side now:
There are two colors in each row, one representing the original color of the theme, the other the current color. they'll all match at first as we've not made any changes. And making changes won't hurt anything--you're working on this theme on your local machine and it won't apply to the server until we've saved it and uploaded it to the server.
The numbers to the right of these are where things get really interesting. What the fine people at elumenotion have done is to group related series of styles together so they can be changed in bulk. Thank you, thank you.
Scroll down to the bottom of the colors and, second from the bottom is a set with 85 colors in it!
Among the many styles in here is the one we're looking for for the background.
Let's change the entire style group and see what happens. We'll pick a nice dark blue so it's pretty visible. We'll click on the right-side color box and click Choose to select a new color:
Then, click save to apply the color change to all 85 styles:
That's a bit too much, as only part of the top bar gets done. When I get a bit more time I'll hopefully figure out which other color button will skin the whole business, if that's possible. Though what really gets hairy with the Sharepoint Design is that the color gradients are often composed of many different pictures.
Anyways, we'll revert back by clicking the color button on the left side and selecting yes to the prompt:
Now, we're back to the original look:
This, time, we'll click the color one from the very bottom with 85 styles again, same as above.
But, instead of selecting the Choose button, we'll scroll down the list of 85 styles until we see
.ms-bodyareaframe
Click on this link and we'll get a text box that we can edit:
There you can see BACKGROUND-COLOR: #ffffff . #ffffff being the web designer's shorthand for the color white. We want to change this to another color and, because we're lazy, we'll just look over on the right side to see the code for the other colors and pick one we like. How about a light blue? Which is #84e2f4 . So, we'll just replace the #ffffff right in this box:
And this is what our page looks like:
We've just modified the background and nothing else. We rule.
So, this is a great tool for determining what the particular style groups do.
To actually apply this theme to the server, follow the steps in the elumenotion walkthrough, which are basically:
"Select Export Theme from the File Menu. Give your theme a name that will be used on the SharePoint server, pick a directory, and viola! You have a theme. Now all you have to do is install it.
To add the theme to a site, copy the created directory to:
C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\THEMES\
Open:
C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\LAYOUTS\1033\SPTHEMES.XML
Copy the bottom section and modify it as appropriate (it's very simple).
Recycle your app pool and bada-bing! Go to your site settings and apply the theme. "
Thank you again, elumenotion. And thanks to Juan in Jax.