# Themes

## Content



An easy way to enhance the appearance of the FlexChart control is to use pre-defined themes instead of customizing each element. The [Palette](/componentone/api/xamarin/online-forms/dotnet-api/C1.Xamarin.Forms.Chart/C1.Xamarin.Forms.Chart.ChartBase.Palette.html) property is used to specify the theme to be applied on the control.


> type=note
> **Note**: Remove the Palette property from code to apply default theme.

The image below shows how the FlexChart control appears when the Palette property is set to Cocoa.

![Themes in FlexChart](https://cdn.mescius.io/document-site-files/images/fb6b46a2-eac0-487c-84c3-5e1b4c7b1348/images/flexchart-themes.png)

The following code examples demonstrate how to apply themes in C# and XAML.

#### In Code

```csharp
//setting the Palette
chart.Palette = Palette.Cocoa;
```

#### In XAML

```xml
<c1:FlexChart x:Name="chart" ItemsSource="{Binding Data}" BindingX="Name" ChartType="Column"
    Grid.Row="1" Grid.ColumnSpan="2" VerticalOptions="FillAndExpand" Palette="Cocoa"/>
```

FlexChart comes with pre-defined templates that can be applied for quick customization. Here are the 17 pre-defined templates available in the [Palette](/componentone/api/xamarin/online-forms/dotnet-api/C1.Xamarin.Forms.Chart/C1.Xamarin.Forms.Chart.Palette.html) enumeration.

![](https://cdn.mescius.io/document-site-files/images/fb6b46a2-eac0-487c-84c3-5e1b4c7b1348/images/chart-palette-updated.png)

## See Also

[Customize Appearance](/componentone/docs/xamarin/online-forms/controls/chartOverview/features/chartCustomizeAppearance)