Button unwantedly changes color

[Omega596]

The button returns to the default color when it is hovered on, clicked on, or focused on.
The minimum xaml code to replicate issue:

<Page x:Class="UnoApp1.Presentation.MainPage"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:local="using:UnoApp1.Presentation"
      xmlns:uen="using:Uno.Extensions.Navigation.UI"
      xmlns:utu="using:Uno.Toolkit.UI"
      xmlns:um="using:Uno.Material"
      NavigationCacheMode="Required">
      <Button Content="wth is this issue"
            Background="#FF0000"/>
</Page>

[ajpinedam]

Hi @Omega596 , you can change this behavior by overriding the style of your controls using Lightweight Styling.

In summary, Lightweight Styling allows you to customize the appearance of XAML controls by overriding their default brushes, fonts, and numeric properties.

So, for example, if you want to customize the way a button looks when hovering (Point Over), you'll be able to do it with the following code:

<Button Content="Overridden Button Style (PointerOver)"
        Style="{StaticResource FilledButtonStyle}">
    <Button.Resources>
        <Thickness x:Key="ButtonBorderThickness">2</Thickness>
        <SolidColorBrush x:Key="FilledButtonForegroundPointerOver" Color="DarkRed" />
        <SolidColorBrush x:Key="FilledButtonBackgroundPointerOver" Color="LightPink" />
        <SolidColorBrush x:Key="FilledButtonBorderBrushPointerOver" Color="DarkRed" />
    </Button.Resources>
</Button>

This Style will change the Button's Background, Foreground, and Border colors and the border thickness. Notice this style will only affect a single button. As with the rest of your styles, you can place this at the Page level, inside your Page.Resources to update all the Buttons on that page, or at the Application level, inside your AppResources.xaml file to update all the Buttons in your app.

More Info here: https://platform.uno/docs/articles/external/uno.themes/doc/lightweight-styling.html and also this tech bites https://www.youtube.com/watch?v=5CsJHMTlNAw

[Omega596]

Thank you