Xamarin Effect affecting other controls

Hi i am posting this question here since i posted this question on stackoverflow some days before but i did not get any answers overthere. So i am trying my luck here. I cannot link to the question on stackoverflow due to my new account.

The question =>

I am experiencing a weird bug where a Custom effect would affect other Controls as well while i am only targeting one specific control. I was able to reproduce the behavior in a small test project. What i am trying to achieve is to change the color of a specific entry control. It does work but when navigating back to the previous page the effect affects other controls as well while i only want the specific effect to affect a specific control. I also only add the effect to the specific Entry by using its Effects list from xaml.

(note i am using the standard forms navigation page for navigating defined in my app.xaml like this.

MainPage = new NavigationPage(new MainPage());

MainPage.xaml

<ContentPage xmlns="hottp://xamarin.com/schemas/2014/forms"
             xmlns:x="hottp://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:App2"
             x:Class="App2.MainPage">
    <StackLayout>
        <!-- Place new controls here -->
        <Label Text="Welcome to Xamarin.Forms!" 
           HorizontalOptions="Center"
           VerticalOptions="CenterAndExpand" />
        <Entry></Entry>
        <Button Clicked="Button_Clicked"  Text="navigate"></Button>
        <Button Clicked="Button_Clicked2"  Text="navigate to other"></Button>
    </StackLayout>
</ContentPage>

CodeBehind of MainPage.xaml

public partial class MainPage : ContentPage
{
    public MainPage()
    {
        InitializeComponent();
    }

    private void Button_Clicked(object sender, EventArgs e)
    {
        Application.Current.MainPage.Navigation.PushAsync(new Test());
    }

    private void Button_Clicked2(object sender, EventArgs e)
    {
        Application.Current.MainPage.Navigation.PushAsync(new Test2());
    }
}

Test.Xaml

<ContentPage xmlns="hottp://xamarin.com/schemas/2014/forms" 
             xmlns:x="hottp://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:App2"
             x:Class="App2.Test">
    <ContentPage.Content>
        <Entry>
            <Entry.Effects>
                <local:EntryLineColorEffect></local:EntryLineColorEffect>
            </Entry.Effects>
        </Entry>
  </ContentPage.Content>
</ContentPage>

Test2.xaml

<ContentPage xmlns="hottp://xamarin.com/schemas/2014/forms"
             xmlns:x="hottp://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="App2.Test2">
    <ContentPage.Content>
        <StackLayout>
            <Label Text="test 2" />
            <Entry>
            </Entry>
        </StackLayout>
    </ContentPage.Content>
</ContentPage>

EntryLineColorEffect (forms project)

public class EntryLineColorEffect : RoutingEffect
{
    public EntryLineColorEffect() : base("Prolang.EntryLineColorEffect")
    {
    }
}

EntryLineColorEffect (Android project)

[assembly: ResolutionGroupName("Prolang")]
[assembly: ExportEffect(typeof(EntryLineColorEffect), "EntryLineColorEffect")]
namespace App2.Droid.Effects
{
    class EntryLineColorEffect : PlatformEffect
    {
        EditText control;

        protected override void OnAttached()
        {
            control = Control as EditText;
            UpdateLineColor();
        }

        protected override void OnDetached()
        {
            control = null;
        }

        private void UpdateLineColor()
        {
            if (control != null)
            {
                control.Background.SetColorFilter(Color.DarkMagenta.ToAndroid(), Android.Graphics.PorterDuff.Mode.SrcAtop);
             }
        }
    }
}

some screenshots that make it more clear

But when navigating back and then navigating to the Test2 page that entry is also getting the Magenta color which for me is undesired behavior (and i do not know why it is hapenning). So what should i do to avoid this behavior?