Theme inheritance

Topics: Developer Forum
Jul 17, 2008 at 2:54 PM
Hi there,

Can anyone point me in the direction of the mechanisms used by this WebPart to inherit the site theme?
Coordinator
Oct 29, 2008 at 6:50 PM
Hi Gary,

The web part renders out HTML tags using (mostly) the built-in CSS styles from WSS so anything defined in the theme will be picked up in rendering.
Nov 25, 2008 at 2:59 AM
None of the existing themes really match what we were looking for, so today I had to play a bit with the themes and the stylesheets.  For my own reference I uploaded a screenshot and marked it up in Flickr with the appropriate style classes.  If it is handy to anyone else, that's at :

http://www.flickr.com/photos/tgaw/3057202881/

Just hover over the section to see more details. 

Also-- I Xed out all our color codes, but my updates (they could be put in a custom theme or a custom CSS page for the site) ended up along the lines of this:

table.ms-toolbar {
background-image: none !important;
background-color:#XXXXXX !important;
border: 1px solid #XXXXXX !important;
color:#XXXXXX !important;
}
table.ms-toolbar td table td {
color:#XXXXXX !important;
}
table.ms-toolbar a:link, .ms-toolbar a:hover, .ms-toolbar a:visited{
color:#XXXXXX !important;
text-decoration: none !important;
}
p.ms-navheader {
color: #XXXXXX !important;
font: bold 20px arial, verdana, sans-serif !important;
}
p.ms-navheader a:link, p.ms-navheader a:hover, p.ms-navheader a:visited {
color: #XXXXXX !important;
font: bold 20px arial, verdana, sans-serif !important;
}
td.ms-ToolPaneTitle {
background-image: none !important;
background-color:#XXXXXX !important;
border: 1px solid #XXXXXX !important;
color:#XXXXXX !important;
}
td.ms-TPHeader {
background-color:#XXXXXX !important;
color:#XXXXXX !important;
}
td.ms-TPHeader a:link {
color:#XXXXXX !important;
text-decoration: none !important;
}
td.ms-TPHeader a:hover {
color:#XXXXXX !important;
text-decoration: none !important;
}
td.ms-TPHeader a:visited {
color:#XXXXXX !important;
text-decoration: none !important;
}