# Customize Pivot Grid Colors | WPF Controls | DevExpress Documentation This topic lists properties you can use to change the color of the PivotGridControl’s elements. Set these properties directly or create a style that targets the PivotGridControl and specify the colors. ## Standard Control Properties You can use the [Control](https://learn.microsoft.com/dotnet/api/system.windows.controls.control) properties to change the color of the PivotGridControl’s elements: - [BorderBrush](https://learn.microsoft.com/dotnet/api/system.windows.controls.control.borderbrush#system-windows-controls-control-borderbrush) - [Background](https://learn.microsoft.com/dotnet/api/system.windows.controls.control.background#system-windows-controls-control-background) - [Foreground](https://learn.microsoft.com/dotnet/api/system.windows.controls.control.foreground#system-windows-controls-control-foreground) ## PivotGridControl Properties You can use the [PivotGridControl](/WPF/DevExpress.Xpf.PivotGrid.PivotGridControl) properties to change the colors of cell and field values. | Property | Description | | --- | --- | | [CellBackground](/WPF/DevExpress.Xpf.PivotGrid.PivotGridControl.CellBackground) | Gets or sets the brush used to paint the background of [data cells](/WPF/7984/controls-and-libraries/pivot-grid/ui-elements/cell). This is a dependency property. | | [CellForeground](/WPF/DevExpress.Xpf.PivotGrid.PivotGridControl.CellForeground) | Gets or sets the brush used to paint the foreground of [data cells](/WPF/7984/controls-and-libraries/pivot-grid/ui-elements/cell). This is a dependency property. | | [CellSelectedBackground](/WPF/DevExpress.Xpf.PivotGrid.PivotGridControl.CellSelectedBackground) | Gets or sets the brush used to paint the background of the selected [data cell](/WPF/7984/controls-and-libraries/pivot-grid/ui-elements/cell). This is a dependency property. | | [CellSelectedForeground](/WPF/DevExpress.Xpf.PivotGrid.PivotGridControl.CellSelectedForeground) | Gets or sets the brush used to paint the foreground of the selected [data cell](/WPF/7984/controls-and-libraries/pivot-grid/ui-elements/cell). This is a dependency property. | | [CellTotalBackground](/WPF/DevExpress.Xpf.PivotGrid.PivotGridControl.CellTotalBackground) | Gets or sets the brush used to paint the background of total and grand total [cells](/WPF/7984/controls-and-libraries/pivot-grid/ui-elements/cell). This is a dependency property. | | [CellTotalForeground](/WPF/DevExpress.Xpf.PivotGrid.PivotGridControl.CellTotalForeground) | Gets or sets the brush used to paint the foreground of total and grand total [cells](/WPF/7984/controls-and-libraries/pivot-grid/ui-elements/cell). This is a dependency property. | | [CellTotalSelectedBackground](/WPF/DevExpress.Xpf.PivotGrid.PivotGridControl.CellTotalSelectedBackground) | Gets or sets the brush used to paint the background of the selected total or grand total [cell](/WPF/7984/controls-and-libraries/pivot-grid/ui-elements/cell). This is a dependency property. | | [CellTotalSelectedForeground](/WPF/DevExpress.Xpf.PivotGrid.PivotGridControl.CellTotalSelectedForeground) | Gets or sets the brush used to paint the foreground of the selected total or grand total [cell](/WPF/7984/controls-and-libraries/pivot-grid/ui-elements/cell). This is a dependency property. | | [ValueBackground](/WPF/DevExpress.Xpf.PivotGrid.PivotGridControl.ValueBackground) | Gets or sets the brush used to paint the background of [field value](/WPF/7995/controls-and-libraries/pivot-grid/ui-elements/field-value) cells. This is a dependency property. | | [ValueForeground](/WPF/DevExpress.Xpf.PivotGrid.PivotGridControl.ValueForeground) | Gets or sets the brush used to paint the foreground of [field value](/WPF/7995/controls-and-libraries/pivot-grid/ui-elements/field-value) cells. This is a dependency property. | | [ValueSelectedBackground](/WPF/DevExpress.Xpf.PivotGrid.PivotGridControl.ValueSelectedBackground) | Gets or sets the brush used to paint the background of the selected [field value](/WPF/7995/controls-and-libraries/pivot-grid/ui-elements/field-value) cell. This is a dependency property. | | [ValueSelectedForeground](/WPF/DevExpress.Xpf.PivotGrid.PivotGridControl.ValueSelectedForeground) | Gets or sets the brush used to paint the foreground of the selected [field value](/WPF/7995/controls-and-libraries/pivot-grid/ui-elements/field-value) cell. This is a dependency property. | | [ValueTotalBackground](/WPF/DevExpress.Xpf.PivotGrid.PivotGridControl.ValueTotalBackground) | Gets or sets the brush used to paint the background of [total](/WPF/8006/controls-and-libraries/pivot-grid/ui-elements/totals) and [grand total](/WPF/8001/controls-and-libraries/pivot-grid/ui-elements/grand-totals) headers. This is a dependency property. | | [ValueTotalForeground](/WPF/DevExpress.Xpf.PivotGrid.PivotGridControl.ValueTotalForeground) | Gets or sets the brush used to paint the foreground of [total](/WPF/8006/controls-and-libraries/pivot-grid/ui-elements/totals) and [grand total](/WPF/8001/controls-and-libraries/pivot-grid/ui-elements/grand-totals) headers. This is a dependency property. | | [ValueTotalSelectedBackground](/WPF/DevExpress.Xpf.PivotGrid.PivotGridControl.ValueTotalSelectedBackground) | Gets or sets the brush used to paint the background of the selected [total](/WPF/8006/controls-and-libraries/pivot-grid/ui-elements/totals) or [grand total](/WPF/8001/controls-and-libraries/pivot-grid/ui-elements/grand-totals) header. This is a dependency property. | | [ValueTotalSelectedForeground](/WPF/DevExpress.Xpf.PivotGrid.PivotGridControl.ValueTotalSelectedForeground) | Gets or sets the brush used to paint the foreground of the selected [total](/WPF/8006/controls-and-libraries/pivot-grid/ui-elements/totals) or [grand total](/WPF/8001/controls-and-libraries/pivot-grid/ui-elements/grand-totals) header. This is a dependency property. | The following example demonstrates how to create a custom style for a pivot grid. In this example, we create and apply a style that sets custom colors for pivot grid cells and field values. The following image shows the result: ![Appearance-Custom-Style](/WPF/images/appearance-custom-style16289.png) - MainWindow.xaml 
<Window xmlns:dxpg="http://schemas.devexpress.com/winfx/2008/xaml/pivotgrid"
        xmlns:dx="http://schemas.devexpress.com/winfx/2008/xaml/core"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        x:Class="DXPivotGrid_CustomizeBrushes.MainWindow"
        dx:ThemeManager.ThemeName="Office2010Black"
        Height="600" Width="800"
        Title="Main Window">
    <Grid>
        <Grid.Resources>
            <Style x:Key="pivotGridCustomStyle" TargetType="dxpg:PivotGridControl">
                <Setter Property="CellBackground" Value="#b4c7ff"/>
                <Setter Property="CellForeground" Value="Black"/>
                <Setter Property="CellSelectedBackground" Value="#888ea0"/>
                <Setter Property="CellSelectedForeground" Value="White"/>
                <Setter Property="CellTotalBackground" Value="#7599ff"/>
                <Setter Property="CellTotalForeground" Value="Black"/>
                <Setter Property="CellTotalSelectedBackground" Value="#51555f"/>
                <Setter Property="CellTotalSelectedForeground" Value="White"/>
                <Setter Property="ValueBackground" Value="#f3dfaa"/>
                <Setter Property="ValueForeground" Value="Black"/>
                <Setter Property="ValueSelectedBackground" Value="#888ea0"/>
                <Setter Property="ValueSelectedForeground" Value="White"/>
                <Setter Property="ValueTotalBackground" Value="#f1c44a"/>
                <Setter Property="ValueTotalForeground" Value="Black"/>
                <Setter Property="ValueTotalSelectedBackground" Value="#51555f"/>
                <Setter Property="ValueTotalSelectedForeground" Value="White"/>
            </Style>
        </Grid.Resources>
        <dxpg:PivotGridControl Style="{StaticResource ResourceKey=pivotGridCustomStyle}"
                               Name="pivotGridControl1" >
            <dxpg:PivotGridControl.Fields>
                <dxpg:PivotGridField Name="fieldYear" FieldName="OrderDate" Area="ColumnArea"
                                     Caption="Year" GroupInterval="DateYear"/>
                <dxpg:PivotGridField Name="fieldCategoryName" FieldName="CategoryName"
                                     Area="RowArea" Caption="Category"/>
                <dxpg:PivotGridField Name="fieldProductName" FieldName="ProductName"
                                     Area="RowArea" Caption="Product"/>
                <dxpg:PivotGridField Name="fieldQuantity" FieldName="Quantity" Area="DataArea"/>
            </dxpg:PivotGridControl.Fields>
        </dxpg:PivotGridControl>
    </Grid>
</Window>