Exploring Colors in Xamarin.Forms Shell

davidortinau

David Ortinau

Posted on January 4, 2021

Exploring Colors in Xamarin.Forms Shell

Shell provides colors for styling most anything you can see in the chrome of your application such. This video takes a walk through several of the options available and discusses how styles are applied to both tabs and flyouts.

Colors

  • Shell.BackgroundColor - the background of the shell, which comes through in the navigation bar (title bar) area
  • Shell.TitleColor - the color of the title in the navigation bar
  • Shell.ForegroundColor - the tint color for things like the menu icon
  • Shell.TabBarBackgroundColor - color behind the tabs on the bottom
  • Shell.TabBarTitleColor - the color of the labels and icons of the selected tab
  • Shell.TabBarUnselectedColor - the color of the labels and icons that are unselected

Resources

Shell Styles Sample

This app explores the various color options and style classes available to customize a Xamarin.Forms app using the Shell flyout and/or tabs.




💖 💪 🙅 🚩
davidortinau
David Ortinau

Posted on January 4, 2021

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

Awesome Scroll Effects in Xamarin.Forms
xamarinforms Awesome Scroll Effects in Xamarin.Forms

January 12, 2021

Exploring Colors in Xamarin.Forms Shell
xamarinforms Exploring Colors in Xamarin.Forms Shell

January 4, 2021

Adding to Lottie Animations to Xamarin.Forms
xamarinforms Adding to Lottie Animations to Xamarin.Forms

December 29, 2020