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 |