# Themes Learn how to use C1ThemeController to apply other themes to the C1Input control. ## Content In addition to the Visual Styles you can use the C1ThemeController to apply other themes to the C1Input control. You could also create your own theme using the ThemeDesigner. To customize the appearance of a C1Input control using Themes, add the **C1ThemeController** to your component tray and set the **Themes** property to any of the following predefined styles listed below: | Theme Name | Image | | ---------- | ----- | | Office2007Black | ![Office2007Black](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/office2007black.png) | | Office2007Blue | ![Office2007Blue](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/office2007blue.png) | | Office2007Silver | ![Office2007Silver](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/office2007silver.png) | | Office2010Black | ![2010_Black](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/2010_black.png) | | Office2010Blue | ![2010_Blue](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/2010_blue.png) | | Office2010Silver | ![2010_Silver](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/2010_silver.png) | | Office2013DarkGray | ![Office2013_DarkGrey](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/offcie2013_darkgrey.png) | | Office2013LightGray | ![Office2013_LightGrey](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/offcie2013_lightgrey.png) | | Office2013White | ![Office2013_White](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/offcie2013_white.png) | | ExpressionDark | ![Themes_ExpressionDark](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/themes_expressiondark.png) | | ExpressionLight | ![Themes_ExpressionLight](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/themes_expressionlight.png) | | GreenHouse | ![Themes_GreenHouse](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/themes_greenhouse.png) | | RainerOrange | ![Themes_RainierOrange](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/themes_rainierorange.png) | | ShinyBlue | ![Themes_ShinyBlue](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/themes_shinyblue.png) | | Violette | ![Themes_Violette](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/themes_violette.png) | | VS2013Blue | ![Themes_VS2013Blue](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/themes_vs2013blue.png) | | VS2013Dark | ![Themes_VS2013Dark](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/themes_vs2013dark.png) | | VS2013Light | ![Themes_VS2013Light](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/themes_vs2013light.png) | | VS2013DarkSolar | ![Themes_VS2013DarkSolar](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/themes_vs2013darksolar.png) | | VS2013Green | ![Themes_VS2013Green](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/themes_vs2013green.png) | | VS2013Purple | ![Themes_VS2013Purple](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/themes_vs2013purple.png) | | VS2013Red | ![Themes_VS2013Red](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/themes_vs2013red.png) | | VS2013Tan | ![Themes_VS2013Tan](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/themes_vs2013tan.png) | **How to apply themes to the C1Input controls at Design Time** To use the C1ThemeController component with any of the C1Input controls, complete the following: 1. Add any of the C1Input controls, for example **C1ComboBox**, on the form at design time. 2. Add the **C1ThemeController** component to your component tray. The **C1ThemeController** dialog box appears. > If you use the C1ThemeController 2.0 component a C1ThemeController dialog box appears. The ThemeController dialog box is used to quickly to apply the theme to all themeable controls in the application, all theme-able controls on the form, or different themes on different controls. > > The **C1ThemeController** dialog box lists all of the components that appears on your form. If you have themeable controls on your form before you add the C1ThemeController the dialog box lists all of the components on your form. Each control/component is initially set to none to prevent unintentional loss of property settings on those controls. 3. In the **C1ThemeController** dialog box click on the **Theme** dropdown button next to Form1 and c1ComboBox1 and select one of the predefined themes, for example, **Violette**. ![combobox](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/c1themecontroller_combobox.png) 4. Click **OK** to save and close the **C1ThemeController** dialog box. 5. Run your project and observe that the **Violette** theme is applied to your **Form** and **C1Combobox**. ![combobox](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/customizeinputappearance/themes_combobox_output.png) **How to Apply Themes to the C1Input Controls Programatically** The following code shows how to programatically apply the built-in theme using the **RegisterTheme** and **SetTheme** methods: DOC-DETAILS-TAG-OPEN DOC-SUMMARY-TAG-OPEN To write code in Visual Basic DOC-SUMMARY-TAG-CLOSE ```vbnet 'Register the theme file with the C1ThemeController C1.Win.C1Themes.C1ThemeController.RegisterTheme("C:\Users\Documents\Visual Studio 2010\Projects\ThemesProject\ShinyBlue.c1theme") 'Apply it to a control, use the theme name, not the file name Me.c1ThemeController1.SetTheme(c1ComboBox1, "ShinyBlue") ``` DOC-DETAILS-TAG-CLOSE DOC-DETAILS-TAG-OPEN DOC-SUMMARY-TAG-OPEN To write code in C# DOC-SUMMARY-TAG-CLOSE ```csharp //Register the theme file with the C1ThemeController; C1.Win.C1Themes.C1ThemeController.RegisterTheme(@"C:\Users\Documents\Visual Studio 2010\Projects\ThemesProject\ShinyBlue.c1theme"); //Apply it to a control and use the theme name this.c1ThemeController1.SetTheme(c1ComboBox1, "ShinyBlue") ``` DOC-DETAILS-TAG-CLOSE In addition to the predefined themes you can customize your theme using the **Themes** designer. For more information see the **Themes for WinForms** documentation. ## See Also [C1Themes and the VisualStyle Property](/componentone/docs/win/online-input/customizingc1inputsa/C1ThemesandVisualStyle)