Silverlight 2 beta 2 was just released on June 6th with lots of new features and functionality (check out Scott Guthrie's blog for specific details). Control skinning has changed slightly since in beta 1, and I just finished updating my red and flat skins for beta 2. In this update, I've template bound most of the control colors and added resources for these colors as well to make it very easy to customize the appearance for a particular need. There are several ways you can do this. One way would be to use Blend...
Another way would be to...
Here's an example of how you might do this. In this case, I'm changing the colors of all Flat controls to pink hues by simply changing three color resources.
<!-- Resources -->
<SolidColorBrush x:Key="BaseColorBrush" Color="Pink"/>
<SolidColorBrush x:Key="HoverBrush" Color="PaleVioletRed"/>
<SolidColorBrush x:Key="HyperlinkBrush" Color="PaleVioletRed"/>
And, this is what the controls would look like with these simple changes...
In this case, I'm changing the colors of all Red controls to blue and purple hues by simply changing the three color resources you see below.
<SolidColorBrush x:Key="BaseColorBrush" Color="CadetBlue"/>
<SolidColorBrush x:Key="HoverBrush" Color="Purple"/>
<SolidColorBrush x:Key="HyperlinkBrush" Color="Plum"/>
Below you'll find a link to live versions of each control set and access to my sample projects. There are a few things to keep in mind when you start digging into the projects. First, the Calendar control requires some code in order to hook up to the day and month button styles (this issue will be fixed in the future). This code is found in Page.xaml.cs. Second, the Calendar control will not template bind to colors and nor will it use global resources, so you will have to go into the Calendar style xaml and manually update each color to your desired color (this issue will be fixed in the future). Next, ToolTip is no longer stylable. I plan to create my own ToolTip control that is stylable in the near future, but until then you'll have to make due with the default style we provide for you. Lastly, you cannot style the Calendar, DatePicker, or DataGrid controls in Blend. In fact, you can't include style xaml for Calendar and DatePicker in a project you plan to open in Blend or none of the UI will render (this problem will be fixed in the future).
If you check out these styles, I'd love to know what you think about the ability to tweak the control colors, and I'd also like to know what other sorts of customizations you would like to do along these same lines. Also, is the ability to style ToolTip important to you? I can't wait to hear your feedback!
Red Skin View live...Download skin...
Flat SkinView live...Download skin...
One last thing, I'm working on updating the two other styles and hope to have these up within the next two weeks.
<Editorial Note> I am delighted to have Jason to write this awesome blog showing everyone how to
PingBack from http://www.davidezordan.net/blog/?p=364