# Styling

The Barcode component allows you to customize its appearance.

To change the colors of the symbology visualization and the background behind it, set the `Foreground` and `Background` properties of the component. The `telerikDataViz` namespace from the following example points to `xmlns:telerikDataViz="using:Telerik.UI.Xaml.Controls.DataVisualization"`.

#### **Change the Barcode colors**

```XAML
<telerikDataViz:RadBarcode Width="250" Height="150" 
						   Foreground="DarkBlue" Background="Beige"
						   Value="58000106">           
	<telerikDataViz:RadBarcode.Symbology>
		<telerikDataViz:Code39 SizingMode="Stretch" />
	</telerikDataViz:RadBarcode.Symbology>
</telerikDataViz:RadBarcode>
```

#### A Barcode with customized colors

![WinUI RadBarcode Barcode Colors](https://www.telerik.com/winui/documentation/assets/6b3dc093027cee4cb095605480149d84/barcode_colors.png)