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.
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.
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.
All controls are more compact now with less unnecessary elements.
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.
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.
Download the Caramel theme