# Styles and Themes

## Content



The following topic shows how to customize the **C1Ribbon** control's layout and appearance.

![](https://cdn.mescius.io/document-site-files/images/ff434f23-5223-494e-9580-3dd8a227b884/images/ribbon-styling.png)

You can customize the appearance of ribbon as given in the code below:

```xml
<c1:C1Ribbon FontSize="14" SelectedIndex="0" Background="#E2FDF9" Foreground="Red" PressedBrush="Gray" MouseOverBrush="LightSkyBlue" TabStripBackground="Transparent">  
```