Modifying a Built-In Theme

The purpose of this topic is to show you how to modify and apply a built-in theme.

In order to modify\extend and apply a built-in theme:

1 Open Windows Explorer and navigate to the place where you have installed UI for Silverlight.

2 Browse the Themes folder.

3 Open the Themes solution in Visual Studio.
Common Styling Theming Modify Built In Theme 010

4 Choose the theme that you want to modify. In this example the Vista theme will be modified.

5 Expand the Themes -> Vista folder in the Vista project.

6 Locate the XAML file for the target controls and modify it the way you need. In this demo, the RadSlider theme will be modified for simplicity.
Common Styling Theming Modify Built In Theme 020

7 Open the Slider.xaml file and modify the SliderBackgroundTrack brush to Red.

XAML

<SolidColorBrush x:Key="SliderBackgroundTrack" Color="Red" />

1 Save the XAML file and build the Vista project. Since you are modifying the Vista theme, you will get a new Telerik.Windows.Themes.Vista.dll assembly when you build it.

2 The next step is to set the theme in your application. Open your project and add reference to the Telerik.Windows.Themes.Vista.dll.

After building the Vista project, the new assembly will be located at the Themes\Vista\Bin\Debug folder.

3 Open the App.xaml.cs file and add the following code in the constructor. This will be enough to apply the theme globally to all Telerik controls.

C#

Telerik.Windows.Controls.StyleManager.ApplicationTheme = new Telerik.Windows.Controls.VistaTheme();

VB.NET

Telerik.Windows.Controls.StyleManager.ApplicationTheme = New Telerik.Windows.Controls.VistaTheme()

Common Styling Theming Modify Built In Theme 030

4 If you want to apply the theme only for a specific control, then you should stick to the following approach:

XAML

<telerik:RadSlider x:Name="radSlider" telerik:StyleManager.Theme="Vista"/>

See Also