From 59cdbf03da5809c6fcbf3ef478f55e42f228e9fd Mon Sep 17 00:00:00 2001
From: Jack Fistelmann <jack@fistelmann.de>
Date: Sat, 11 Feb 2023 22:52:57 +0100
Subject: [PATCH] feat(): selected tab text color

added ability to specify selected tab text color for BottomTabItem.

Closes #71
---
 MauiSample/Presentation/Views/TabA.xaml |  1 +
 README.md                               |  4 ++++
 Tabs/Tabs/BottomTabItem.xaml.cs         | 16 +++++++++++++++-
 3 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/MauiSample/Presentation/Views/TabA.xaml b/MauiSample/Presentation/Views/TabA.xaml
index 8b99797..bdf048b 100644
--- a/MauiSample/Presentation/Views/TabA.xaml
+++ b/MauiSample/Presentation/Views/TabA.xaml
@@ -11,6 +11,7 @@
 
             <Style x:Key="MaterialTabStyle" TargetType="tabs:MaterialUnderlinedTabItem">
                 <Setter Property="SelectedTabColor" Value="{StaticResource Primary}" />
+                <Setter Property="SelectedTabTextColor" Value="{StaticResource Secondary}" />
                 <Setter Property="IconSize" Value="24" />
                 <Setter Property="FontFamily" Value="OpenSansRegular" />
                 <Setter Property="LabelSize" Value="14" />
diff --git a/README.md b/README.md
index a129597..a0724b2 100644
--- a/README.md
+++ b/README.md
@@ -474,6 +474,10 @@ If you like your bottom bar items without text:
   <img src="Docs/tab_bottom_notext.png" width="250" />
 </p>
 
+### SelectedTabColor and SelectedTabTextColor
+
+You can set a color for the selected tab via `SelectedTabColor`. 
+If you want to have a *different* color for the text, you can specify `SelectedTabTextColor`.
 
 ### Styling
 
diff --git a/Tabs/Tabs/BottomTabItem.xaml.cs b/Tabs/Tabs/BottomTabItem.xaml.cs
index 91869a8..25ef8a9 100644
--- a/Tabs/Tabs/BottomTabItem.xaml.cs
+++ b/Tabs/Tabs/BottomTabItem.xaml.cs
@@ -33,6 +33,12 @@ public partial class BottomTabItem : TabTextItem
             typeof(BottomTabItem),
             defaultValue: true);
 
+        public static readonly BindableProperty SelectedTabTextColorProperty = BindableProperty.Create(
+            propertyName: nameof(SelectedTabTextColor),
+            returnType: typeof(Color),
+            declaringType: typeof(TabTextItem),
+            defaultValue: null);
+
         private readonly bool _isInitialized = false;
 
         public BottomTabItem()
@@ -71,6 +77,12 @@ public bool IsTextVisible
             set => SetValue(IsTextVisibleProperty, value);
         }
 
+        public Color SelectedTabTextColor
+        {
+            get => (Color)GetValue(SelectedTabTextColorProperty);
+            set => SetValue(SelectedTabTextColorProperty, value);
+        }
+
         protected override void OnPropertyChanged([CallerMemberName] string propertyName = null)
         {
             base.OnPropertyChanged(propertyName);
@@ -143,7 +155,9 @@ private void UpdateIconVisibility()
 
         private void UpdateColors()
         {
-            IconText.TextColor = IsSelectable ? IsSelected ? SelectedTabColor : UnselectedLabelColor : DisabledLabelColor;
+            IconText.TextColor = IsSelectable
+                ? IsSelected ? SelectedTabTextColor ?? SelectedTabColor : UnselectedLabelColor
+                : DisabledLabelColor;
             ImageEffect.SetTintColor(Icon, IsSelected ? SelectedTabColor : UnselectedIconColor);
         }
     }