Several years ago I published the Caramel theme for Silverlight controls.  Also there are Cherry, Lime and Pale themes. Well, it’s nice time to update them and I decided to start with the Caramel theme. So we have such changes in comparison with the previous version:

Separating resources for all controls

All colors, shadows, general margins moved to the Colors.xaml file. Besides that, each control has his own resource file and linked to Colors.xaml (don’t forget it!).

A new XAML code

XAML code for all controls was rewrote. The glass effect was optimized for stretching horizontally and vertically.

Convenient names for colors

Names of color resources were renamed.

Shifting accents

Common  and other states were changed so only buttons, tab headers and scrollbars have a convex glass effect. Highlighting for input controls is flat and without border color animation.

Scrollbar styles

Scrollbars don’t have up and down buttons. The width of the vertical scrollbar and the height of the horizontal scrollbar were reduced. The background of scrollbars is flat now.

Compact views

All controls are more compact now with less unnecessary elements.

Line height

All input controls (TextBox, PasswordBox, ComboBox, ListBox) and buttons have a 24px line height so look more smooth and done carefully. You can place the Button control in one line with the TextBox.

Default margins

The 3px MarginDefault resource was added to all controls so they look good in the grid and other layouts.

The Focused state

Thought a lot about the Focus state for all controls. The dark border color was moved from the Normal state to the Focused.

New controls were added

DatePicker and TabControl were added to this theme.

Demo

Download the Caramel theme