New to Telerik UI for Xamarin? Download free 30-day trial

Control Styling and Appearance

With the help of Telerik Theme you can set a theme for your application using an easy and straightforward process. Furthermore, you can customize a default theme resources to achieve different and more distinct appearance.

Component Styling

Majority of our components provide styling mechanism for customizing the look of their items. This is one of the most common ways to achieve different looks. You can find detailed information on how to customize our controls in the Theming and Styles or Styling folder available in the different Xamarin Forms Controls.

Xamarin Forms Theming

You can also explore how to set a Telerik Theme by merging the required ResourceDictionaries in your application or create a custom theme based on a Telerik Theme. The Default Theme Colors and their actual appearance are present in the table below.

Default Theme Colors

Main Colors

Color Hex Value Appearance
Basic Font Color #4A4949
AlternativeFont Color #919191
Accent Color 1 #3148CA
Background Color 1 #3D5AFE
Accent Color 2 #30BCFF
Background Color 2 #000000
Color of Grid #D9D9D9
Color of Menu Bar #F8F8F8

Complementary Colors

Complementary Color Hex Value Appearance
Complementary Color 1 #FF5225
Complementary Color 2 #FFC325
Complementary Color 3 #2EC262
Complementary Color 4 #FE3D5A
Complementary Color 5 #803DFE
Complementary Color 6 #3DBAFE

Next Steps

See Also

In this article