# Using C1TimeEditor Themes

## Content



The C1TimeEditor control comes equipped with a light blue default theme, but you can also apply other themes (see [C1TimeEditor Theming](/componentone/docs/wpf/online-datetimeeditors/timeeditor/C1TimeEditor_Theming)) to the control. In this topic, you will change the **C1TimeEditor** control's theme to **C1ThemeRainierOrange**.


> type=note
> **Note**: Themes are only supported in .NET Framework.

Complete the following steps:

1.  Open the **.xaml** page in Visual Studio.
2.  Place your cursor between the _\<Grid>\</Grid>_ tags.
3.  In the Toolbox, double-click the **C1ThemeRainierOrange** icon to declare the theme. Its tags will appear as follows:
    
    ```auto
    <my:C1ThemeRainierOrange></my:C1ThemeRainierOrange>
    ```
    
4.  Place your cursor between the _<my:C1ThemeRainierOrange>_ and _</my:C1ThemeRainierOrange>_ tags.
5.  In the Toolbox, double-click the C1TimeEditor icon to add the control to the project. Its tags will appear as children of the _<my:C1ThemeRainierOrange>_ tags, causing the markup to resemble the following:
    
    ```xml
    <my:C1ThemeRainierOrange>
    <c1datetime:C1TimeEditor></c1datetime:C1TimeEditor>
    </my:C1ThemeRainierOrange>
    ```
    
6.  Run your project. The following image depicts a **C1TimeEditor** control with the **C1ThemeRainierOrange** theme.

![](https://cdn.mescius.io/document-site-files/images/b827ed78-bea0-4378-af62-5f467cc00dcc/c1datetimepicker_graphics/tbh/visualstyle_orangeranier.png)