Adding selected/unselected colors to tab icons

.gitignore

@@ -0,0 +1,20 @@
+# Visual Studio
+[Oo]bj
+[Bb]in
+*.user
+*.suo
+*.[Cc]ache
+*.bak
+*.ncb
+*.log 
+*.DS_Store
+[Tt]humbs.db 
+_ReSharper.*
+*.resharper
+Ankh.NoLoad
+.vs
+*.designer.cs
+!Resources.Designer.cs
+
+# Coderush
+.cr/

TabbedPagePlayground.sln

@@ -0,0 +1,143 @@
+
+Microsoft Visual Studio Solution File, Format Version 12.00
+# Visual Studio 15
+VisualStudioVersion = 15.0.28307.271
+MinimumVisualStudioVersion = 10.0.40219.1
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "TabbedPagePlayground.Android", "TabbedPagePlayground\TabbedPagePlayground.Android\TabbedPagePlayground.Android.csproj", "{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}"
+EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "TabbedPagePlayground.iOS", "TabbedPagePlayground\TabbedPagePlayground.iOS\TabbedPagePlayground.iOS.csproj", "{6746E0CC-203F-42D0-BCFD-4F46660A0324}"
+EndProject
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "TabbedPagePlayground", "TabbedPagePlayground\TabbedPagePlayground\TabbedPagePlayground.csproj", "{2549B026-2C17-4737-8204-513C8B73CBE4}"
+EndProject
+Global
+	GlobalSection(SolutionConfigurationPlatforms) = preSolution
+		Ad-Hoc|Any CPU = Ad-Hoc|Any CPU
+		Ad-Hoc|iPhone = Ad-Hoc|iPhone
+		Ad-Hoc|iPhoneSimulator = Ad-Hoc|iPhoneSimulator
+		AppStore|Any CPU = AppStore|Any CPU
+		AppStore|iPhone = AppStore|iPhone
+		AppStore|iPhoneSimulator = AppStore|iPhoneSimulator
+		Debug|Any CPU = Debug|Any CPU
+		Debug|iPhone = Debug|iPhone
+		Debug|iPhoneSimulator = Debug|iPhoneSimulator
+		Release|Any CPU = Release|Any CPU
+		Release|iPhone = Release|iPhone
+		Release|iPhoneSimulator = Release|iPhoneSimulator
+	EndGlobalSection
+	GlobalSection(ProjectConfigurationPlatforms) = postSolution
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.Ad-Hoc|Any CPU.ActiveCfg = Release|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.Ad-Hoc|Any CPU.Build.0 = Release|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.Ad-Hoc|Any CPU.Deploy.0 = Release|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.Ad-Hoc|iPhone.ActiveCfg = Release|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.Ad-Hoc|iPhone.Build.0 = Release|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.Ad-Hoc|iPhone.Deploy.0 = Release|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.Ad-Hoc|iPhoneSimulator.ActiveCfg = Release|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.Ad-Hoc|iPhoneSimulator.Build.0 = Release|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.Ad-Hoc|iPhoneSimulator.Deploy.0 = Release|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.AppStore|Any CPU.ActiveCfg = Release|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.AppStore|Any CPU.Build.0 = Release|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.AppStore|Any CPU.Deploy.0 = Release|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.AppStore|iPhone.ActiveCfg = Release|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.AppStore|iPhone.Build.0 = Release|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.AppStore|iPhone.Deploy.0 = Release|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.AppStore|iPhoneSimulator.ActiveCfg = Release|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.AppStore|iPhoneSimulator.Build.0 = Release|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.AppStore|iPhoneSimulator.Deploy.0 = Release|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.Debug|Any CPU.Deploy.0 = Debug|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.Debug|iPhone.ActiveCfg = Debug|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.Debug|iPhone.Build.0 = Debug|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.Debug|iPhone.Deploy.0 = Debug|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.Debug|iPhoneSimulator.ActiveCfg = Debug|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.Debug|iPhoneSimulator.Build.0 = Debug|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.Debug|iPhoneSimulator.Deploy.0 = Debug|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.Release|Any CPU.Build.0 = Release|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.Release|Any CPU.Deploy.0 = Release|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.Release|iPhone.ActiveCfg = Release|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.Release|iPhone.Build.0 = Release|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.Release|iPhone.Deploy.0 = Release|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.Release|iPhoneSimulator.ActiveCfg = Release|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.Release|iPhoneSimulator.Build.0 = Release|Any CPU
+		{205D9B5D-BDF0-48FF-8597-9310CA9C3BA9}.Release|iPhoneSimulator.Deploy.0 = Release|Any CPU
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.Ad-Hoc|Any CPU.ActiveCfg = Ad-Hoc|iPhone
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.Ad-Hoc|Any CPU.Build.0 = Ad-Hoc|iPhone
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.Ad-Hoc|Any CPU.Deploy.0 = Ad-Hoc|iPhone
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.Ad-Hoc|iPhone.ActiveCfg = Ad-Hoc|iPhone
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.Ad-Hoc|iPhone.Build.0 = Ad-Hoc|iPhone
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.Ad-Hoc|iPhone.Deploy.0 = Ad-Hoc|iPhone
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.Ad-Hoc|iPhoneSimulator.ActiveCfg = Ad-Hoc|iPhoneSimulator
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.Ad-Hoc|iPhoneSimulator.Build.0 = Ad-Hoc|iPhoneSimulator
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.Ad-Hoc|iPhoneSimulator.Deploy.0 = Ad-Hoc|iPhoneSimulator
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.AppStore|Any CPU.ActiveCfg = AppStore|iPhone
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.AppStore|Any CPU.Build.0 = AppStore|iPhone
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.AppStore|Any CPU.Deploy.0 = AppStore|iPhone
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.AppStore|iPhone.ActiveCfg = AppStore|iPhone
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.AppStore|iPhone.Build.0 = AppStore|iPhone
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.AppStore|iPhone.Deploy.0 = AppStore|iPhone
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.AppStore|iPhoneSimulator.ActiveCfg = AppStore|iPhoneSimulator
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.AppStore|iPhoneSimulator.Build.0 = AppStore|iPhoneSimulator
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.AppStore|iPhoneSimulator.Deploy.0 = AppStore|iPhoneSimulator
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.Debug|Any CPU.ActiveCfg = Debug|iPhoneSimulator
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.Debug|Any CPU.Build.0 = Debug|iPhoneSimulator
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.Debug|Any CPU.Deploy.0 = Debug|iPhoneSimulator
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.Debug|iPhone.ActiveCfg = Debug|iPhone
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.Debug|iPhone.Build.0 = Debug|iPhone
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.Debug|iPhone.Deploy.0 = Debug|iPhone
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.Debug|iPhoneSimulator.ActiveCfg = Debug|iPhoneSimulator
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.Debug|iPhoneSimulator.Build.0 = Debug|iPhoneSimulator
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.Debug|iPhoneSimulator.Deploy.0 = Debug|iPhoneSimulator
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.Release|Any CPU.ActiveCfg = Release|iPhone
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.Release|Any CPU.Build.0 = Release|iPhone
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.Release|Any CPU.Deploy.0 = Release|iPhone
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.Release|iPhone.ActiveCfg = Release|iPhone
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.Release|iPhone.Build.0 = Release|iPhone
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.Release|iPhone.Deploy.0 = Release|iPhone
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.Release|iPhoneSimulator.ActiveCfg = Release|iPhoneSimulator
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.Release|iPhoneSimulator.Build.0 = Release|iPhoneSimulator
+		{6746E0CC-203F-42D0-BCFD-4F46660A0324}.Release|iPhoneSimulator.Deploy.0 = Release|iPhoneSimulator
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.Ad-Hoc|Any CPU.ActiveCfg = Debug|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.Ad-Hoc|Any CPU.Build.0 = Debug|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.Ad-Hoc|Any CPU.Deploy.0 = Debug|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.Ad-Hoc|iPhone.ActiveCfg = Debug|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.Ad-Hoc|iPhone.Build.0 = Debug|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.Ad-Hoc|iPhone.Deploy.0 = Debug|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.Ad-Hoc|iPhoneSimulator.ActiveCfg = Debug|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.Ad-Hoc|iPhoneSimulator.Build.0 = Debug|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.Ad-Hoc|iPhoneSimulator.Deploy.0 = Debug|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.AppStore|Any CPU.ActiveCfg = Debug|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.AppStore|Any CPU.Build.0 = Debug|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.AppStore|Any CPU.Deploy.0 = Debug|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.AppStore|iPhone.ActiveCfg = Debug|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.AppStore|iPhone.Build.0 = Debug|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.AppStore|iPhone.Deploy.0 = Debug|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.AppStore|iPhoneSimulator.ActiveCfg = Debug|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.AppStore|iPhoneSimulator.Build.0 = Debug|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.AppStore|iPhoneSimulator.Deploy.0 = Debug|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.Debug|Any CPU.Deploy.0 = Debug|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.Debug|iPhone.ActiveCfg = Debug|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.Debug|iPhone.Build.0 = Debug|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.Debug|iPhone.Deploy.0 = Debug|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.Debug|iPhoneSimulator.ActiveCfg = Debug|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.Debug|iPhoneSimulator.Build.0 = Debug|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.Debug|iPhoneSimulator.Deploy.0 = Debug|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.Release|Any CPU.Build.0 = Release|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.Release|Any CPU.Deploy.0 = Release|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.Release|iPhone.ActiveCfg = Release|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.Release|iPhone.Build.0 = Release|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.Release|iPhone.Deploy.0 = Release|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.Release|iPhoneSimulator.ActiveCfg = Release|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.Release|iPhoneSimulator.Build.0 = Release|Any CPU
+		{2549B026-2C17-4737-8204-513C8B73CBE4}.Release|iPhoneSimulator.Deploy.0 = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(SolutionProperties) = preSolution
+		HideSolutionNode = FALSE
+	EndGlobalSection
+	GlobalSection(ExtensibilityGlobals) = postSolution
+		SolutionGuid = {DF9440D7-FA3D-49AA-9DBE-4033230F1142}
+	EndGlobalSection
+EndGlobal

TabbedPagePlayground/TabbedPagePlayground.Android/Assets/AboutAssets.txt

@@ -0,0 +1,19 @@
+Any raw assets you want to be deployed with your application can be placed in
+this directory (and child directories) and given a Build Action of "AndroidAsset".
+
+These files will be deployed with you package and will be accessible using Android's
+AssetManager, like this:
+
+public class ReadAsset : Activity
+{
+    protected override void OnCreate (Bundle bundle)
+    {
+        base.OnCreate (bundle);
+
+        InputStream input = Assets.Open ("my_asset.txt");
+    }
+}
+
+Additionally, some Android functions will automatically load asset files:
+
+Typeface tf = Typeface.CreateFromAsset (Context.Assets, "fonts/samplefont.ttf");

TabbedPagePlayground/TabbedPagePlayground.Android/MainActivity.cs

@@ -0,0 +1,23 @@
+using Android.App;
+using Android.Content.PM;
+using Android.OS;
+using Xamarin.Forms;
+using Xamarin.Forms.Platform.Android;
+using Resource = Android.Resource;
+
+namespace TabbedPagePlayground.Droid
+{
+    [Activity(Label = "TabbedPagePlayground", Icon = "@mipmap/icon", Theme = "@style/MainTheme", MainLauncher = true, ConfigurationChanges = ConfigChanges.ScreenSize | ConfigChanges.Orientation)]
+    public class MainActivity : FormsAppCompatActivity
+    {
+        protected override void OnCreate(Bundle savedInstanceState)
+        {
+            TabLayoutResource = Resource.Layout.Tabbar;
+            ToolbarResource = Resource.Layout.Toolbar;
+
+            base.OnCreate(savedInstanceState);
+            Forms.Init(this, savedInstanceState);
+            LoadApplication(new App());
+        }
+    }
+}

TabbedPagePlayground/TabbedPagePlayground.Android/Properties/AndroidManifest.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android" android:versionCode="1" android:versionName="1.0" package="com.companyname.TabbedPagePlayground" android:installLocation="auto">
+	<uses-sdk android:minSdkVersion="21" android:targetSdkVersion="27" />
+	<application android:label="TabbedPagePlayground"></application>
+</manifest>

TabbedPagePlayground/TabbedPagePlayground.Android/Properties/AssemblyInfo.cs

@@ -0,0 +1,34 @@
+using System.Reflection;
+using System.Runtime.CompilerServices;
+using System.Runtime.InteropServices;
+using Android.App;
+
+// General Information about an assembly is controlled through the following 
+// set of attributes. Change these attribute values to modify the information
+// associated with an assembly.
+[assembly: AssemblyTitle("App17.Android")]
+[assembly: AssemblyDescription("")]
+[assembly: AssemblyConfiguration("")]
+[assembly: AssemblyCompany("")]
+[assembly: AssemblyProduct("App17.Android")]
+[assembly: AssemblyCopyright("Copyright ©  2014")]
+[assembly: AssemblyTrademark("")]
+[assembly: AssemblyCulture("")]
+[assembly: ComVisible(false)]
+
+// Version information for an assembly consists of the following four values:
+//
+//      Major Version
+//      Minor Version 
+//      Build Number
+//      Revision
+//
+// You can specify all the values or you can default the Build and Revision Numbers 
+// by using the '*' as shown below:
+// [assembly: AssemblyVersion("1.0.*")]
+[assembly: AssemblyVersion("1.0.0.0")]
+[assembly: AssemblyFileVersion("1.0.0.0")]
+
+// Add some common permissions, these can be removed if not needed
+[assembly: UsesPermission(Android.Manifest.Permission.Internet)]
+[assembly: UsesPermission(Android.Manifest.Permission.WriteExternalStorage)]

TabbedPagePlayground/TabbedPagePlayground.Android/Resources/AboutResources.txt

@@ -0,0 +1,50 @@
+Images, layout descriptions, binary blobs and string dictionaries can be included 
+in your application as resource files.  Various Android APIs are designed to 
+operate on the resource IDs instead of dealing with images, strings or binary blobs 
+directly.
+
+For example, a sample Android app that contains a user interface layout (main.xml),
+an internationalization string table (strings.xml) and some icons (drawable-XXX/icon.png) 
+would keep its resources in the "Resources" directory of the application:
+
+Resources/
+    drawable-hdpi/
+        icon.png
+
+    drawable-ldpi/
+        icon.png
+
+    drawable-mdpi/
+        icon.png
+
+    layout/
+        main.xml
+
+    values/
+        strings.xml
+
+In order to get the build system to recognize Android resources, set the build action to
+"AndroidResource".  The native Android APIs do not operate directly with filenames, but 
+instead operate on resource IDs.  When you compile an Android application that uses resources, 
+the build system will package the resources for distribution and generate a class called
+"Resource" that contains the tokens for each one of the resources included. For example, 
+for the above Resources layout, this is what the Resource class would expose:
+
+public class Resource {
+    public class drawable {
+        public const int icon = 0x123;
+    }
+
+    public class layout {
+        public const int main = 0x456;
+    }
+
+    public class strings {
+        public const int first_string = 0xabc;
+        public const int second_string = 0xbcd;
+    }
+}
+
+You would then use R.drawable.icon to reference the drawable/icon.png file, or Resource.layout.main 
+to reference the layout/main.xml file, or Resource.strings.first_string to reference the first 
+string in the dictionary file values/strings.xml.

TabbedPagePlayground/TabbedPagePlayground.Android/Resources/layout/Tabbar.axml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<android.support.design.widget.TabLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:id="@+id/sliding_tabs"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:background="?attr/colorPrimary"
+    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
+    app:tabIndicatorColor="@android:color/white"
+    app:tabGravity="fill"
+    app:tabMode="fixed" />

TabbedPagePlayground/TabbedPagePlayground.Android/Resources/layout/Toolbar.axml

@@ -0,0 +1,9 @@
+<android.support.v7.widget.Toolbar
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    android:id="@+id/toolbar"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:background="?attr/colorPrimary"
+    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
+    android:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
+

TabbedPagePlayground/TabbedPagePlayground.Android/Resources/mipmap-anydpi-v26/icon.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@color/launcher_background" />
+    <foreground android:drawable="@mipmap/launcher_foreground" />
+</adaptive-icon>

TabbedPagePlayground/TabbedPagePlayground.Android/Resources/mipmap-anydpi-v26/icon_round.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@color/launcher_background" />
+    <foreground android:drawable="@mipmap/launcher_foreground" />
+</adaptive-icon>

TabbedPagePlayground/TabbedPagePlayground.Android/Resources/values/colors.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="launcher_background">#FFFFFF</color>
+    <color name="colorPrimary">#3F51B5</color>
+    <color name="colorPrimaryDark">#303F9F</color>
+    <color name="colorAccent">#FF4081</color>
+</resources>

TabbedPagePlayground/TabbedPagePlayground.Android/Resources/values/styles.xml

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<resources>
+
+  <style name="MainTheme" parent="MainTheme.Base">
+  </style>
+  <!-- Base theme applied no matter what API -->
+  <style name="MainTheme.Base" parent="Theme.AppCompat.Light.DarkActionBar">
+    <!--If you are using revision 22.1 please use just windowNoTitle. Without android:-->
+    <item name="windowNoTitle">true</item>
+    <!--We will be using the toolbar so no need to show ActionBar-->
+    <item name="windowActionBar">false</item>
+    <!-- Set theme colors from http://www.google.com/design/spec/style/color.html#color-color-palette -->
+    <!-- colorPrimary is used for the default action bar background -->
+    <item name="colorPrimary">#2196F3</item>
+    <!-- colorPrimaryDark is used for the status bar -->
+    <item name="colorPrimaryDark">#1976D2</item>
+    <!-- colorAccent is used as the default value for colorControlActivated
+         which is used to tint widgets -->
+    <item name="colorAccent">#FF4081</item>
+    <!-- You can also set colorControlNormal, colorControlActivated
+         colorControlHighlight and colorSwitchThumbNormal. -->
+    <item name="windowActionModeOverlay">true</item>
+
+    <item name="android:datePickerDialogTheme">@style/AppCompatDialogStyle</item>
+  </style>
+
+  <style name="AppCompatDialogStyle" parent="Theme.AppCompat.Light.Dialog">
+    <item name="colorAccent">#FF4081</item>
+  </style>
+</resources>